Prompts
Curated AI prompts for design, product, research, and content workflows
19 prompts
UI Component Specification
Generate a detailed UI component specification with states, variants, and interaction patterns.
Visual Hierarchy Design
Design effective visual hierarchy for layouts to guide user attention and improve readability.
Design System Component Visual Spec Writer
Developer-friendly visual specs: anatomy, tokenized properties per variant/state, spacing, responsive behavior, and accessibility for one component cluster.
Color Palette & Typography System Builder
Production-oriented foundations: primitive scales, semantic tokens, contrast tables, dark mode mapping, modular type scale, and token naming for tools like Style Dictionary.
UI Layout & Composition Explorer
Three layout concepts (hierarchy-first, density, progressive disclosure), a recommended direction, grid spec, visual hierarchy ranking, and edge cases before detailed design.
Visual Hierarchy Audit
Structured critique of an existing screen from a detailed description: attention flow, hierarchy scores, P1/P2 issues, contrast flags, spacing, prioritized fixes, before/after for the top fix.
Design Completeness Checklist
Ensure designs are complete and ready for handoff with comprehensive state coverage.
Component Prioritization Matrix
Identify, inventory, and prioritize which design system components to build first based on usage, impact, and dependencies.
Design System Documentation
Create comprehensive documentation for design system components including usage guidelines, code examples, and best practices.
Design System Rollout Strategy
Plan how to roll out a design system to teams including migration, training, adoption, and support strategies.
Design Tokens Definition
Create a comprehensive design tokens system for design systems.
Design Handoff Documentation
Create comprehensive design handoff documents with specs, assets, and implementation details for developers.
Design System Component Creation
Create new design system components with variants, states, documentation, and usage guidelines.
Design Token Audit
Audit design tokens for consistency, identify duplicates, and recommend consolidation strategies.
Design System to AI Prompt Converter
Convert design system documentation into AI-friendly prompts for generating prototypes that match your design system exactly.
AI Prototype Design System Validation
Validate AI-generated prototypes against design system requirements and identify inconsistencies to fix.
Design System Audit
Conduct a comprehensive audit of a design system for consistency and improvements.
Extract Design System from Screenshot
Analyze a screenshot and extract a comprehensive design system including colors, typography, spacing, and components.
Extract Design System Using Figma MCP
Use Figma MCP (Model Context Protocol) to extract a complete design system from Figma files, including components, styles, and tokens.