Prototype Prompt Generator
This generates comprehensive prompt specifications for UI/UX prototypes instead of making you write them from scratch. It walks through requirements gathering, picks the right design system (WeChat Work, iOS Native, Material Design, or Ant Design Mobile), then outputs a structured prompt with color palettes, component specs, layout hierarchies, and Tailwind configs. The workflow is thorough, maybe overly so if you just want a quick mockup, but it shines when you need detailed documentation for complex enterprise apps or multi-page prototypes. Each generated prompt includes actual content and realistic data rather than lorem ipsum placeholders. Best for when you're handing off to another AI or developer and need everything specified upfront.
- skills.sh installs
- 353
- GitHub stars
- 2.7K
- last updated
- Jun 3, 2026
Install
$ npx -y skills add cexll/myclaude --skill prototype-prompt-generator --agent claude-codeInstalls into .claude/skills of the current project.
Files
Prototype Prompt Generator
Overview
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.
Workflow
Step 1: Gather Requirements
Begin by collecting essential information from the user. Ask targeted questions to understand:
Application Type & Purpose:
- What kind of application? (e.g., enterprise tool, e-commerce, social media, dashboard)
- Who are the target users?
- What are the primary use cases and workflows?
Platform & Context:
- Target platform: iOS, Android, Web, WeChat Mini Program, or cross-platform?
- Device: Mobile phone, tablet, desktop, or responsive?
- Viewport dimensions if known (e.g., 375px for iPhone, 1200px for desktop)
Design Preferences:
- Design style: WeChat Work, iOS Native, Material Design, Ant Design Mobile, or custom?
- Brand colors or visual preferences?
- Any design references or inspiration?
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/cexll/myclaude
- Categories
- AI & Agent Building, Automation & Workflows
- First seen
- Jun 3, 2026
More from cexll/myclaude
All 7Recommended
More AI & Agent Building
midjourney-prompt-engineeringjustinperea/midjourney-cc-skillUse when generating images with Midjourney, constructing MJ prompts, iterating on MJ output quality, choosing between --sref/--oref/style codes, scoring image r352skills.sh installs
tensorrt-llmdavila7/claude-code-templatesOptimizes LLM inference with NVIDIA TensorRT for maximum throughput and lowest latency. Use for production deployment on NVIDIA GPUs (A100/H100), when you need 349skills.sh installs
crypto-agent-tradingcrypto-com/crypto-agent-tradingExecute crypto trades (buy, sell, swap, exchange) and query account balances, market prices, and transaction history via the Crypto.com API. View weekly trading337skills.sh installs
alicloud-ai-image-qwen-image-editcinience/alicloud-skillsEdit images with Alibaba Cloud Model Studio Qwen Image Edit models (qwen-image-edit, qwen-image-edit-plus, qwen-image-edit-max, qwen-image-2.0 series and snapsh335skills.sh installs