Zurück zu Fähigkeiten

prototype-to-production

aiskillstore
Aktualisiert 6 days ago
10 Ansichten
162
7
162
Auf GitHub ansehen
Anderereactdesign

Ü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

Empfohlen
Primär
npx skills add aiskillstore/marketplace -a claude-code
Plugin-BefehlAlternativ
/plugin add https://github.com/aiskillstore/marketplace
Git CloneAlternativ
git clone https://github.com/aiskillstore/marketplace.git ~/.claude/skills/prototype-to-production

Kopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren

GitHub Repository

aiskillstore/marketplace
Pfad: skills/ariegoldkin/prototype-to-production
0
ai-skillsclaudeclaude-codeclaude-skillscodexcodex-skills

Verwandte Skills

prototype-to-production

Andere

Diese 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.

Skill ansehen

content-collections

Meta

Diese 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.

Skill ansehen

polymarket

Meta

Diese 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.

Skill ansehen

creating-opencode-plugins

Meta

Diese 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.

Skill ansehen