prototype-to-production
CommunityTurn prototypes into production-ready UI.
AuthorArieGoldkin
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Converts HTML/Figma-based prototypes into production-ready React components by analyzing structure, extracting tokens, and generating code.
Core Features & Use Cases
- Prototype Analysis: Detects structure and patterns from prototypes.
- Token Extraction: Pull design tokens from CSS/designs.
- Code Generation: Produce typed React components with accessibility in mind.
- Use Case: Transform a prototype into a reusable component library.
Quick Start
Analyze a provided HTML prototype and generate a first draft of React components.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: prototype-to-production Download link: https://github.com/ArieGoldkin/ai-agent-hub/archive/main.zip#prototype-to-production Please download this .zip file, extract it, and install it in the .claude/skills/ directory.