Frontend and UI skills for coding agents — see the file before you install.

Interface

Skills that push an agent past default UI: hierarchy, type, motion, and the parts of the page that usually look generated.

4 skills

Product UI

Broader interface jobs: design systems, component choices, and the UX pass that sits above a single React file.

4 skills

React

Composition, performance, and view transitions — the React jobs where an unguided agent usually over-renders or over-abstracts.

3 skills

3D

WebGL scenes, materials, and React Three Fiber. Install a fundamentals file before a shader file unless the prompt is already in GLSL.

5 skills

Components

Official shadcn skill plus the files that decide when to reach for that library at all.

3 skills

Taste

Files whose job is to keep generated UI from looking like every other AI landing page.

4 skills

Dashboards

Admin surfaces, chart layout, and the product UI patterns agents flatten into a table plus a purple chart.

4 skills

Mobile UI

Native-feeling screens, Expo design tokens, and React Native performance. Still interface work — not EAS billing or store submission.

5 skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

anthropics/skills

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.

nextlevelbuilder/ui-ux-pro-max-skill

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

leonxlnx/taste-skill

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.

pbakaus/impeccable

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

vercel-labs/agent-skills