Total 53,999 skills, Product & Design has 2083 skills
Showing 12 of 2083 skills
Turn any public URL into a production-grade 9-section design.md spec (colors, typography, components, layout, depth, motion, responsive, prompt guide) using the agent's own built-in tools — WebFetch, browser/screenshot, and file writes. Use when the user asks to "generate a design system from a URL", "extract brand tokens", "write a design.md", clone a site's style, or reverse-engineer a design system from a live page. Triggers on phrases like "design spec", "style guide from URL", "brand tokens", or any request that pastes a URL and asks for a design document.
Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.
Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.
Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact.
Use when animation doesn't match brand personality, feels generic, or clashes with design language
Use when determining animation durations, controlling pacing, establishing rhythm, or making motion feel appropriately weighted and emotionally resonant.
Use when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work.
Diagnostic audit across all seven layers — identifies the bottleneck layer and recommends where to focus