prototype-to-production
✓Konvertieren Sie Designprototypen (HTML, CSS, Figma-Exporte) in produktionsbereite Komponenten. Analysiert die Prototypenstruktur, extrahiert Design-Tokens, identifiziert wiederverwendbare Muster und generiert typisierte React-Komponenten. Passt sich an den bestehenden Projekt-Tech-Stack mit React + TypeScript als Standard an.
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 |
Konvertieren Sie Designprototypen (HTML, CSS, Figma-Exporte) in produktionsbereite Komponenten. Analysiert die Prototypenstruktur, extrahiert Design-Tokens, identifiziert wiederverwendbare Muster und generiert typisierte React-Komponenten. Passt sich an den bestehenden Projekt-Tech-Stack mit React + TypeScript als Standard an. Quelle: ariegoldkin/ai-agent-hub.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/ariegoldkin/ai-agent-hub --skill prototype-to-production- Quelle
- ariegoldkin/ai-agent-hub
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist prototype-to-production?
Konvertieren Sie Designprototypen (HTML, CSS, Figma-Exporte) in produktionsbereite Komponenten. Analysiert die Prototypenstruktur, extrahiert Design-Tokens, identifiziert wiederverwendbare Muster und generiert typisierte React-Komponenten. Passt sich an den bestehenden Projekt-Tech-Stack mit React + TypeScript als Standard an. Quelle: ariegoldkin/ai-agent-hub.
Wie installiere ich prototype-to-production?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/ariegoldkin/ai-agent-hub --skill prototype-to-production Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/ariegoldkin/ai-agent-hub
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01