Explore practical workflows for designing interfaces and visual systems. Find tools for both early concepts and detailed reviews.
126 skills
Design guidance for AI coding agents: generate a project design system, search styles, colors and typography, and apply framework-specific UI/UX recommendations to web and app interfaces.
A unified design Skill library with selectable visual templates, reusable UI tokens, component rules and implementation checks for AI coding assistants.
Design and refine dashboards, SaaS apps and admin interfaces with deliberate hierarchy, shared tokens, complete states and reusable design memory.
Design and build marketing pages, cinematic scroll experiences, and multi-screen products through a staged brief, asset, and implementation workflow.
Analyze a Figma file into a graph of screens, components, instances and design tokens.
Route UI work by product surface, define a visual concept, implement reusable tokens and states, and document the result in DESIGN_SYSTEM.md.
Apply one of ten documented color-and-font themes to existing artifacts, or create a custom theme.
Extract and apply a design's tokens, qualitative style, and visual effects when defining a design direction or rebuilding an interface.
Compare AI design skills for design systems, shadcn/ui, frontend creation and interface refinement, with practical briefs to help you choose a workflow.
Explore four Skills for geometric logos, brand identity systems and animated isometric illustrations, and choose the right workflow for your brief.
Explore practical workflows for designing interfaces and visual systems. Find tools for both early concepts and detailed reviews.