generate-design-prompt
CommunityTurn code and docs into ready design prompts
Design & Creative#figma#generate#prompt-engineering#design-automation#stitch#design-prompt#ui-extraction
Authorn0rvyn
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Converts scattered product and UI information in code and documentation into precise, copy-paste prompts for visual design tools so designers can rapidly generate prototypes without manual synthesis.
Core Features & Use Cases
- Automatic tool detection and formatting: Detects available Stitch or Figma MCP tools and assembles prompts in the appropriate format with Stitch character checks and Figma system guidance.
- Source-aware UI extraction: Reads README, design docs, UI components, type definitions, and design tokens to produce screen-by-screen UI zone breakdowns, component lists, and interaction chains.
- Initial and refinement modes: Generates initial prompts for main screens, follow-up prompts for additional screens, and refinement prompts from design-analysis feedback for iterative design workflows.
Quick Start
Generate a Figma prompt for the main screen by analyzing the repository README, design docs, and UI components.
Dependency Matrix
Required Modules
None requiredComponents
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: generate-design-prompt Download link: https://github.com/n0rvyn/indie-toolkit/archive/main.zip#generate-design-prompt Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.