Skills
.Work. You
Rest

ui-prototype-prompt-generator

Community

Turn design briefs into UI prompts.

Design & Creative#automation#ui#markdown#handoff#prototype#design-systems#prompt-generation
Authorchaorenex1
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Generates structured, production-ready UI prototype prompts from vague design briefs, saving design teams time and ensuring consistent hand-off to engineering.

Core Features & Use Cases

  • Converts high-level requests into detailed prompt documents aligned with multiple design systems (WeChat Work, iOS, Material Design, Ant Design Mobile)
  • Produces sections like project overview, screen specs, user flows, design tokens, accessibility notes
  • Useful for design hand-off, developer briefs, and AI-assisted UI generation

Quick Start

To generate a prototype prompt, provide a brief description of your app and chosen design system; the skill will output a Markdown prompt ready for AI tooling.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-prototype-prompt-generator
Download link: https://github.com/chaorenex1/coding-workflow/archive/main.zip#ui-prototype-prompt-generator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.