prototype-to-production
Über
Diese Fähigkeit wandelt Design-Prototypen aus HTML, CSS oder Figma-Exports in typisierte, produktionsreife React-Komponenten um. Sie analysiert die Struktur, um Design-Tokens zu extrahieren und wiederverwendbare Muster zu identifizieren, und passt sich dabei an Ihre bestehende Tech-Stack an. Nutzen Sie sie, um die Umsetzung von Design-Iterationen in sauberen, wartbaren Code zu automatisieren.
Schnellinstallation
Claude Code
Empfohlennpx skills add aiskillstore/marketplace -a claude-code/plugin add https://github.com/aiskillstore/marketplacegit clone https://github.com/aiskillstore/marketplace.git ~/.claude/skills/prototype-to-productionKopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren
GitHub Repository
Verwandte Skills
prototype-to-production
AndereDiese Fähigkeit wandelt Design-Prototypen (HTML, CSS, Figma-Exporte) in produktionsreife, typisierte React-Komponenten um. Sie analysiert die Struktur, um Design-Tokens zu extrahieren und wiederverwendbare Muster zu identifizieren, und passt sich dabei Ihrer bestehenden Tech-Stack an. Nutzen Sie sie, um Prototypen oder Design-Iterationsdateien in sauberen, wartbaren Komponentencode zu transformieren.
content-collections
MetaDiese Skill bietet eine produktionsgetestete Einrichtung für Content Collections – ein TypeScript-first-Tool, das Markdown/MDX-Dateien in typsichere Datensammlungen mit Zod-Validierung umwandelt. Verwenden Sie ihn beim Erstellen von Blogs, Dokumentationsseiten oder inhaltsstarken Vite + React-Anwendungen, um Typsicherheit und automatische Inhaltsvalidierung zu gewährleisten. Er behandelt alles von der Vite-Plugin-Konfiguration und MDX-Kompilierung bis hin zur Deployment-Optimierung und Schema-Validierung.
polymarket
MetaDiese Fähigkeit ermöglicht es Entwicklern, Anwendungen mit der Polymarket-Prognosemärkte-Plattform zu erstellen, einschließlich API-Integration für Handel und Marktdaten. Sie bietet außerdem Echtzeit-Datenstreaming über WebSocket, um Live-Trades und Marktaktivitäten zu überwachen. Nutzen Sie sie zur Implementierung von Handelsstrategien oder zur Erstellung von Tools, die Live-Marktaktualisierungen verarbeiten.
creating-opencode-plugins
MetaDiese Fähigkeit unterstützt Entwickler dabei, OpenCode-Plugins zu erstellen, die in über 25 Ereignistypen wie Befehle, Dateien und LSP-Operationen eingreifen. Sie bietet die Plugin-Struktur, Event-API-Spezifikationen und Implementierungsmuster für JavaScript/TypeScript-Module. Nutzen Sie sie, wenn Sie den Lebenszyklus des OpenCode KI-Assistenten mit benutzerdefinierter ereignisgesteuerter Logik abfangen, überwachen oder erweitern müssen.
