Web & App UI Design Skills for VS Code

    Skills that help AI agents design and build beautiful web and mobile app interfaces — landing pages, UI components, layouts, styling, and design systems. Ship pixel-perfect, on-brand product surfaces faster.

    191 live web & app ui design skills for VS Code.

    Award Winning Design: Make Claude a World Class Designer

    by Aman Garg

    $9.99

    V3 NEW & IMPROVED: Stop shipping AI sites that look like AI sites. Your agent researches your category first, then designs.

    5
    314.7(3)

    click to convert audit

    by Gabriel Simion

    Free

    High-integrity landing page audits that identify ad spend hazards and conversion blockers for Google Ads traffic.

    3
    15

    Printable Activity Book Planner for Kids

    by Shandra

    Free

    Creates complete kids printable activity book plans with title, theme, page count, activity types, difficulty progression, page structure, layouts, instructions, cover concepts, and marketplace positioning.

    2
    6

    Website Designer

    by Lily Studio

    Free

    A strategic website planner and design consultant that generates complete site maps, content guides, and brand specs.

    1
    3

    Premium Static Website Surface Builder

    by John Barros

    $29

    Builds professional, conversion-focused static website surfaces with cinematic design and full SEO metadata.

    4
    2

    nex video frame pipeline

    by Nex AI

    Free

    Convert MP4 videos into dual-resolution, web-optimized WebP frame sequences for high-performance scroll animations.

    6
    1

    nex single file html demo

    by Nex AI

    Free

    Generates premium, single-file HTML landing pages with inline assets, advanced SEO schema, and a hardened CSP.

    5
    1

    nex clean page ext

    by Nex AI

    Free

    Deploy or fork a production-ready, no-build Manifest V3 Chrome extension that declutters websites in one click.

    5
    1

    OptiTech Frontend Developer (skill 1 of 6)

    by Ilya Demidov

    $20

    ⚠️ Attention. This is 1 of 6 skills that cover the entire product build lifecycle. Feel free to download other OptiTech skills to build your production-ready products.

    2
    1

    Remotion Video Genie

    by Martin Gunderman

    $7

    Turn React components into programmatic videos for automated marketing, social media, and data visualization.

    2
    1

    .Net MAUI Master

    by Pietro Giovanni Vaccarello

    $5

    Expert .NET MAUI architect for building high-performance iOS, Android, Windows, and Mac apps from a single C# codebase.

    2
    1

    nex trust check

    by Nex AI

    $7

    Deploy or fork a production-ready Chrome extension for AI text detection and fake review analysis.

    6
    0

    nex salon beauty template

    by Nex AI

    $9

    Deploy SEO-optimized, booking-focused landing pages for salons, spas, and barbershops with local schema.

    5
    0

    nex full capture ext

    by Nex AI

    Free

    Ship a complete, production-ready Manifest V3 Chrome extension for scrolling screenshots and PDF exports.

    5
    0

    nex color spy ext

    by Nex AI

    Free

    Fully-functional, zero-build Chrome extension for inspecting CSS colors, fonts, and dimensions with Shadow-DOM.

    5
    0

    nex feed filter ext

    by Nex AI

    Free

    A production-ready Chrome Extension for 1-click 'Not Interested' buttons across social media feeds.

    4
    0

    AI Design System Prompt Architect for Web UI

    by Shandra

    $7.99

    Creates complete AI-ready prompt systems and implementation-aware specifications for coherent web UI design systems, including brand direction, design principles, colors, typography, spacing, grids, tokens, components, interaction states, dashboards, landing pages, responsive behavior, accessibility, Figma guidance, frontend guidance, governance, testing, and quality control.

    3
    0

    Figma to Frontend UI Specification Agent

    by Shandra

    $7.99

    Transforms Figma designs, screenshots, wireframes, prototypes, or written UI descriptions into precise frontend implementation specifications covering layout, spacing, typography, design tokens, components, responsive behavior, interaction states, animations, accessibility, assets, developer notes, QA criteria, and implementation risks.

    3
    0

    design product experiences

    by Carl Badenhorst

    $6.99

    Design, audit, and implement accessible product experiences with system consistency and Figma-to-code reconciliation.

    2
    0

    Design Systems Engineering

    by Ahmed Rehan

    $9.99

    A disciplined, human-centered workflow for design systems work.

    2
    0

    Responsive Web UI Audit Agent

    by Shandra

    $7.99

    Audits websites and web applications across desktop, tablet, and mobile to detect layout failures, spacing inconsistencies, typography problems, undersized controls, breakpoint defects, overflow, navigation issues, form problems, table failures, sticky-element collisions, accessibility risks, and mobile usability defects.

    2
    0

    E Commerce Product Page UI Optimizer

    by Shandra

    $7.99

    Optimizes e-commerce product pages for clearer product understanding, easier variant selection, stronger trust, improved add-to-cart readiness, and better mobile usability across galleries, pricing, size guides, reviews, shipping, sticky purchase controls, upsells, bundles, subscriptions, and FAQs.

    2
    0

    Web App UI Component System Builder

    by Shandra

    $7.99

    Creates complete, scalable UI component systems for modern web applications, covering design tokens, buttons, cards, forms, navigation, modals, tables, tabs, alerts, badges, tooltips, pricing cards, responsive behavior, accessibility, documentation, testing, governance, and developer handoff.

    2
    0

    Flutter Cross Master

    by Pietro Giovanni Vaccarello

    $7

    Architect and deploy production-grade Flutter apps using Clean Architecture, BLoC, and TDD.

    2
    0

    Why web & app ui design skills work in VS Code

    Each skill on this page is a SKILL.md file built for web & app ui design work and confirmed to run in VS Code. Install one into .vscode/skills/ in your workspace, start a new session, and VS Code follows the workflow the creator encoded instead of improvising from a short prompt.

    Listings are ranked by installs, upvotes and reviews, so what surfaces first is what other VS Code users actually keep. Free and paid skills compete on the same page, and every listing shows its security scan result before you download anything.

    Frequently asked questions