prototype-to-production
À propos
Cette compétence convertit des prototypes de conception (HTML, CSS, exports Figma) en composants React typés, prêts pour la production. Elle analyse la structure pour extraire les jetons de conception et identifier des modèles réutilisables, en s'adaptant à votre pile technologique existante. Utilisez-la pour transformer des prototypes ou des fichiers d'itération de conception en un code de composant propre et maintenable.
Installation rapide
Claude Code
Recommandénpx skills add NeverSight/skills_feed -a claude-code/plugin add https://github.com/NeverSight/skills_feedgit clone https://github.com/NeverSight/skills_feed.git ~/.claude/skills/prototype-to-productionCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Compétences associées
prototype-to-production
AutreCette compétence convertit des prototypes de conception issus de HTML, CSS ou d'exportations Figma en composants React typés et prêts pour la production. Elle analyse la structure pour extraire les tokens de conception et identifier les motifs réutilisables, en s'adaptant à votre pile technologique existante. Utilisez-la pour automatiser la transformation des itérations de conception en code propre et maintenable.
content-collections
MétaCette compétence propose une configuration éprouvée en production pour Content Collections, un outil axé sur TypeScript qui transforme des fichiers Markdown/MDX en collections de données typées de manière sûre avec une validation Zod. Utilisez-la lors de la création de blogs, de sites de documentation ou d'applications Vite + React riches en contenu pour garantir la sécurité de typage et la validation automatique du contenu. Elle couvre tout, de la configuration du plugin Vite et de la compilation MDX à l'optimisation des déploiements et la validation des schémas.
polymarket
MétaCette compétence permet aux développeurs de créer des applications avec la plateforme de marchés prédictifs Polymarket, incluant l'intégration d'API pour le trading et les données de marché. Elle fournit également une diffusion de données en temps réel via WebSocket pour surveiller les transactions en direct et l'activité du marché. Utilisez-la pour mettre en œuvre des stratégies de trading ou pour créer des outils traitant les mises à jour de marché en direct.
creating-opencode-plugins
MétaCette compétence aide les développeurs à créer des plugins OpenCode qui s'interconnectent avec plus de 25 types d'événements tels que les commandes, les fichiers et les opérations LSP. Elle fournit la structure du plugin, les spécifications de l'API événementielle et les modèles d'implémentation pour les modules JavaScript/TypeScript. Utilisez-la lorsque vous avez besoin d'intercepter, de surveiller ou d'étendre le cycle de vie de l'assistant IA OpenCode avec une logique personnalisée pilotée par les événements.
