Loading...
Loading...
Found 108 Skills
Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.
Create design systems with tokens, components, and documentation. Use when building design systems, creating component libraries, or establishing design tokens.
Apply production-grade design standards when building or reviewing pages, components, or UI. Use this skill whenever the user asks to build a page, design a component, lay out a section, review the UI, fix the layout, or check design quality. Triggers on build a page, create a component, design a section, hero, card, CTA, layout, review the UI, fix the design, design system, design tokens, spacing, typography scale, button standards, mobile design. Also triggers for any production design decision where contrast, accessibility, spacing, or visual hierarchy matters.
A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings, rounded pill controls.
Design engineering skill for Claude Code that enforces consistent UI patterns through memory, craft principles, and systematic design tokens.
Define a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.
Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.
Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
Critique a screen's typography — scale usage, readability, consistency, and token compliance.
Connect AI coding agents to Figma designs via MCP to generate code from frames, extract design tokens, use Code Connect, and write directly to the canvas