Converti prototipi di progettazione (esportazioni HTML, CSS, Figma) in componenti pronti per la produzione. Analizza la struttura del prototipo, estrae i token di progettazione, identifica modelli riutilizzabili e genera componenti React tipizzati. Si adatta allo stack tecnologico del progetto esistente con React + TypeScript come impostazione predefinita.
Installa rapidamente la skill AI prototype-to-production nel tuo ambiente di sviluppo tramite riga di comando
Fonte: ariegoldkin/ai-agent-hub.
Convert design prototypes into production-ready, typed components by analyzing structure, extracting patterns, and generating clean code.
| Input Type | Detection Method | Key Patterns |
| Super-design | Path: .superdesign/designiterations/.html | Flowbite, Tailwind CDN, theme CSS references | | Generic HTML | Any .html file | Standard HTML structure, inline/external CSS | | Figma Export | Figma-specific class names | figma-, absolute positioning, frame naming |
Converti prototipi di progettazione (esportazioni HTML, CSS, Figma) in componenti pronti per la produzione. Analizza la struttura del prototipo, estrae i token di progettazione, identifica modelli riutilizzabili e genera componenti React tipizzati. Si adatta allo stack tecnologico del progetto esistente con React + TypeScript come impostazione predefinita. Fonte: ariegoldkin/ai-agent-hub.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/ariegoldkin/ai-agent-hub --skill prototype-to-productionConverti prototipi di progettazione (esportazioni HTML, CSS, Figma) in componenti pronti per la produzione. Analizza la struttura del prototipo, estrae i token di progettazione, identifica modelli riutilizzabili e genera componenti React tipizzati. Si adatta allo stack tecnologico del progetto esistente con React + TypeScript come impostazione predefinita. Fonte: ariegoldkin/ai-agent-hub.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/ariegoldkin/ai-agent-hub --skill prototype-to-production Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/ariegoldkin/ai-agent-hub