prototype-to-production
✓Convertissez les prototypes de conception (exportations HTML, CSS, Figma) en composants prêts pour la production. Analyse la structure du prototype, extrait les jetons de conception, identifie les modèles réutilisables et génère des composants React typés. S'adapte à la pile technologique du projet existant avec React + TypeScript par défaut.
Installation
SKILL.md
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 |
Convertissez les prototypes de conception (exportations HTML, CSS, Figma) en composants prêts pour la production. Analyse la structure du prototype, extrait les jetons de conception, identifie les modèles réutilisables et génère des composants React typés. S'adapte à la pile technologique du projet existant avec React + TypeScript par défaut. Source : ariegoldkin/ai-agent-hub.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/ariegoldkin/ai-agent-hub --skill prototype-to-production- Source
- ariegoldkin/ai-agent-hub
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que prototype-to-production ?
Convertissez les prototypes de conception (exportations HTML, CSS, Figma) en composants prêts pour la production. Analyse la structure du prototype, extrait les jetons de conception, identifie les modèles réutilisables et génère des composants React typés. S'adapte à la pile technologique du projet existant avec React + TypeScript par défaut. Source : ariegoldkin/ai-agent-hub.
Comment installer prototype-to-production ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/ariegoldkin/ai-agent-hub --skill prototype-to-production Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/ariegoldkin/ai-agent-hub
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01