Tested prompts that power your agents automatically. Learn more →
Create Illustration Style Guidelines
Illustration style definition, use cases, color palette, proportions, metaphor guidelines, empty state illustrations, and asset management.
Specify Component Library & Pattern Library
Component inventory, API specification, variant matrix, state coverage, composition patterns, interaction specs, and handoff documentation.
Design Icon System & Guidelines
Icon grid, stroke/fill style, size scale, naming conventions, accessibility labeling, icon font vs SVG decision, and contribution process.
Design Animation & Motion Guidelines
Motion principles, timing/easing standards, micro-interactions, page transitions, loading animations, reduced motion support, and performance constraints.
Implement Dark Mode & Theme System
Theme architecture with CSS custom properties, dark/light token mapping, system preference detection, manual toggle, and smooth transition.
Design Responsive Layout Strategy
Breakpoint system, layout patterns per screen size, component adaptation rules, touch target sizing, and content priority shifts.
Design Color System & Palette
Color palette generation, semantic token mapping, contrast compliance, dark mode support, status colors, and color-blind safe patterns.
Design Typography System
Type scale, font pairing, hierarchy rules, responsive typography, line length, vertical rhythm, and accessibility compliance.
Create Design System & Token Architecture
Design system with token hierarchy, component inventory, naming conventions, documentation standards, versioning, and governance process.
Design Wireframes & Low-Fidelity Prototypes
Wireframes with layout hierarchy, content priority, interaction flows, annotations for developers, and usability validation plan.