prototype-prompt-generator

The Prototype Prompt Generator skill is designed to help users generate comprehensive, structured prompts for creating UI/UX prototypes. It takes user inputs regarding application requirements and transforms them into detailed, production-ready specifications, which can be used by AI tools or developers to create HTML, CSS, or React-based prototypes. This skill focuses on providing high-quality prompts that address design systems, color palettes, component specifications, layout structures, and implementation guidelines. By streamlining the process of converting user requirements into structured prompts, it ensures faster and more efficient UI/UX development workflows.

The main capabilities of the Prototype Prompt Generator include gathering detailed application requirements, selecting an appropriate design system, and generating structured prompts with precise technical specifications. Users are guided through the process step by step, with questions targeting application type, design preferences, feature requirements, and technical constraints. The skill works with multiple design systems, such as WeChat Work, iOS Native, Material Design, and Ant Design Mobile, allowing for flexible UI/UX designs tailored to different platforms and user needs. The generated prompts are structured for AI tools or human developers, enabling them to quickly implement the prototype designs.

This skill is ideal for designers, developers, and product teams who need to quickly create detailed UI/UX prototypes with specific design system requirements. It is especially useful for teams building web and mobile applications that need to generate prompts for rapid prototyping, design documentation, or when integrating with AI-driven design tools. The target users include those in the enterprise, e-commerce, social media, and business sectors, especially those working in mobile and web app development with clear platform-specific guidelines.