Award Winning Design: Make Claude a World Class Designer
by Aman Garg
V3 NEW & IMPROVED: Stop shipping AI sites that look like AI sites. Your agent researches your category first, then designs.
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.
by Aman Garg
V3 NEW & IMPROVED: Stop shipping AI sites that look like AI sites. Your agent researches your category first, then designs.
High-integrity landing page audits that identify ad spend hazards and conversion blockers for Google Ads traffic.
by Shandra
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.
by Lily Studio
A strategic website planner and design consultant that generates complete site maps, content guides, and brand specs.
by John Barros
Builds professional, conversion-focused static website surfaces with cinematic design and full SEO metadata.
by Nex AI
Convert MP4 videos into dual-resolution, web-optimized WebP frame sequences for high-performance scroll animations.
by Nex AI
Generates premium, single-file HTML landing pages with inline assets, advanced SEO schema, and a hardened CSP.
by Nex AI
Deploy or fork a production-ready, no-build Manifest V3 Chrome extension that declutters websites in one click.
by Ilya Demidov
⚠️ 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.
Turn React components into programmatic videos for automated marketing, social media, and data visualization.
Expert .NET MAUI architect for building high-performance iOS, Android, Windows, and Mac apps from a single C# codebase.
by Nex AI
Deploy or fork a production-ready Chrome extension for AI text detection and fake review analysis.
by Nex AI
Deploy SEO-optimized, booking-focused landing pages for salons, spas, and barbershops with local schema.
by Nex AI
Ship a complete, production-ready Manifest V3 Chrome extension for scrolling screenshots and PDF exports.
by Nex AI
Fully-functional, zero-build Chrome extension for inspecting CSS colors, fonts, and dimensions with Shadow-DOM.
by Nex AI
A production-ready Chrome Extension for 1-click 'Not Interested' buttons across social media feeds.
by Shandra
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.
by Shandra
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.
Design, audit, and implement accessible product experiences with system consistency and Figma-to-code reconciliation.
by Ahmed Rehan
A disciplined, human-centered workflow for design systems work.
by Shandra
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.
by Shandra
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.
by Shandra
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.
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.