prototype-prompt-generator

Generate structured UI/UX prototype prompts for mobile and web applications.

2.7k|308|Updated Jul 17, 2025

Search Tags:#UI/UX #prototype #Material Design #prompt #design-systems #Ant Design Mobile #WeChat Work

Ready to run

npx skills add https://github.com/cexll/myclaude --skill prototype-prompt-generator

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: prototype-prompt-generator
Source: https://github.com/cexll/myclaude/tree/main/skills/prototype-prompt-generator
Command: npx skills add https://github.com/cexll/myclaude --skill prototype-prompt-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps generate comprehensive, production-ready prompts for UI/UX prototype creation. It translates requirements into detailed technical specifications, covering design systems, color palettes, component specs, layout, and implementation guidance.

Core Features & Use Cases

Requirement gathering: Collects application type, platform, design system, brand preferences, and data needs.
Design system selection: Chooses from WeChat Work, iOS Native, Material Design, or Ant Design Mobile based on context.
Prompt structuring: Builds prompts using a standardized template that includes role, task, tech stack, visuals, and content hierarchy.
Output ready for tooling: Produces a complete, ready-to-use prompt for AI tools or developers.

Quick Start

Describe your app and design system, e.g., "Design a dashboard prototype for a financial educator app using WeChat Work style."

Frequently Asked Questions about prototype-prompt-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate a structured prompt for UI/UX prototype design?▼

Generate a structured prototype prompt by describing your app type, target platform, and design system preference—then the Skill builds a complete prompt template including role, task, tech stack, visual requirements, and implementation details ready for AI tools or developers.

What design systems does the prototype prompt generator support?▼

The Skill supports WeChat Work, iOS Native, Material Design, and Ant Design Mobile. It selects the appropriate design system based on your platform and application context, then structures prompts with system-specific components and guidelines.

Can I use this to create prompts for both mobile and web prototypes?▼

Yes. The Skill generates prompts for both mobile and web applications across multiple design systems, adapting layout, component specs, and technical guidance to match your platform and framework requirements.

What information do I need to provide to generate a complete prototype prompt?▼

Provide your application type, target platform, design system choice, brand preferences, and data structure needs. The Skill uses this context to output a template-based prompt with role definition, tech stack, color palettes, component specifications, and implementation guidance.

Does the Skill output prompts ready for HTML/CSS and React development?▼

Yes. The Skill produces production-ready prompts aligned with HTML/CSS and React implementation, including visual design requirements and technical specifications that developers or AI tools can execute directly.

How does the Skill handle design system selection for different app types?▼

The Skill gathers your application requirements and context, then recommends and applies the best-fit design system from WeChat Work, iOS Native, Material Design, or Ant Design Mobile, ensuring prompts follow that system's conventions and component library.