prototype-prompt-generator

Generate comprehensive, production-ready prompts for UI/UX prototype creation. Transform user requirements into detailed technical specifications that include design systems, color palettes, component specifications, layout structures, and implementation guidelines. Output prompts are structured for optimal consumption by AI tools or human developers building HTML/CSS/React prototypes. Begin by collecting essential information from the user. Ask targeted questions to understand: Application Type & Purpose: Platform & Context: Design Preferences: Feature Requirements: Content & Data: Technical Constraints: Ask questions incrementally (2-3 at a time) to avoid overwhelming the user. Many details can be inferred from context or filled with sensible defaults. Based on the gathered requirements, choose the appropriate design system from references/design-systems.md : WeChat Work Style: iOS Native Style: Material Design Style: Ant Design Mobile Style: If the user hasn't specified a design system , recommend one based on: Load the complete design system specifications from references/design-systems.md to ensure accurate color codes, component dimensions, and interaction patterns. Using the template from references/prompt-structure.md , construct a comprehensive prompt with these sections: 1.