Prototyping
Design a Mobile-First Interface
Section titled “Design a Mobile-First Interface”Design a mobile-first interface for [specific function] that prioritizes [key user action]. Consider thumb-friendly navigation and progressive disclosure.Extract Design Tokens from Figma
Section titled “Extract Design Tokens from Figma”Extract all design tokens from the current Figma file and generate a complete token system. Create CSS custom properties, TypeScript definitions, and Tailwind config. Sync any changes back to Figma as styles.Create a Framework Component
Section titled “Create a Framework Component”Create a [framework] component for [specific functionality] following [design system/style guide]. Include proper TypeScript types, error handling, and accessibility attributes.Create a Healthcare Prototype
Section titled “Create a Healthcare Prototype”Create a healthcare prototype for [specific workflow] with: patient data management, appointment scheduling, telemedicine interface, and HIPAA compliance considerations.Create a README.md
Section titled “Create a README.md”Create a README.md for this project that includes setup instructions, API documentation, and contribution guidelines. Project details: [project description]Create a Prototype with Comprehensive Documentation
Section titled “Create a Prototype with Comprehensive Documentation”Create a prototype with comprehensive documentation: component specifications, interaction details, API requirements, and implementation notes for development handoff.Create a Prototype with A/B Testing
Section titled “Create a Prototype with A/B Testing”Create a prototype with built-in A/B testing: variant switching, metrics collection, statistical significance tracking, and results visualization.