UI Skills and shadcn Skills

Creates detailed interactive isometric SVG illustrations of machines and systems, with optional WebGL shaders and 3D effects.

Anthropic's official skills, including frontend-design for distinctive UI plus canvas, generative art, theme and artifact builders.

A pack of 67 DESIGN.md and SKILL.md visual styles, from minimal and editorial to brutalism and glassmorphism, for coding agents.

Skill plus MCP server that lets agents search and pull real icons instead of inventing SVGs.

Color science knowledge for agents: color spaces, OKLCH, APCA and WCAG contrast, palette generation and naming.

Skill from the components.build standard for writing composable, accessible UI components with sensible APIs.

A focused skill for creating and editing design tokens in the W3C Design Tokens Community Group format.

Encodes a design process for agents: brief, information architecture, design tokens, build and review, instead of random output.

A broad designer toolkit of 111 skills spanning research, design systems, UI, interaction and handoff, packaged as plugins.

Design engineering and animation skills from the author of Sonner: when and how to animate, strict motion reviews and UI polish.

Official Expo skills, including native UI, design system, animation and Tailwind setup for React Native apps.

Figma's official skills for its MCP server: implement designs in code, write to the canvas, build libraries and wire Code Connect.

Official GSAP skills that teach agents correct GreenSock usage: timelines, ScrollTrigger, plugins, React integration and performance.

Two skills that draw pointer-reactive isometric line figures as one dependency-free HTML file, from an idea or from an existing SVG.

Skills for design engineers: a baseline for UI code, accessibility and motion performance fixes, DESIGN.md extraction and UI audits.

A design language for agent harnesses: one skill with commands to shape, critique, audit, polish and typeset UI, plus slop checks.

Design engineering skill for dashboards and SaaS apps that saves design decisions across sessions to keep UI consistent.

Fourteen interface skills with exact values for polish, typography, color, layout, accessibility and copy, plus PR interface reviews.

Universal UI motion principles for agents: timing, easing, choreography and Disney animation principles adapted to interfaces.

Official Remotion skills for building, previewing and rendering React-based videos and motion graphics with agents.

Finds existing shadcn components across 1,500+ registry items before building custom, and reviews components against shadcn styles.

Official shadcn/ui skill: reads components.json, uses the CLI and MCP, and follows shadcn composition, theming and registry rules.

Google Stitch skills for its MCP server: generate screens, extract DESIGN.md, manage design systems and turn designs into React or shadcn.

Gives agents taste: art direction, reference images and a browser check so landing pages and redesigns stop looking generic.