skills.rest
cexll
cexllCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/cexll/myclaude --skill prototype-prompt-generator
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
Yukine5377Yukine5377

ba-brand-prompt-gen

Collect stakeholder input to generate a Brand Design Guideline prompt.

Community
Intermediate
ArieGoldkinArieGoldkin
10

prototype-to-production

Convert HTML and Figma prototypes into typed React components with Tailwind.

Community
Advanced
chaorenex1chaorenex1
3

ui-prototype-prompt-generator

Generate structured UI prototype prompts from design briefs.

Community
Advanced
karim-bhalwanikarim-bhalwani

prompt-library

Load and organize categorized prompts for role, task, and analysis use.

Community
Intermediate