pencil-to-code

SKILL.md

| frame with layout | | | frame with children | Component with children | | text | , , or | | ref (instance) | Reusable component | | rectangle | with fill | | ellipse | | | image | or fill: url() |

Exportez la conception .pen vers le code React/Tailwind. Fait bien UNE chose. Entrée : ID du cadre .pen ou chemin du fichier Sortie : code du composant React + configuration Tailwind À utiliser lorsque : l'exploration de la conception ou l'utilisateur a besoin d'un code d'implémentation à partir d’un dessin au crayon finalisé. Source : phrazzld/claude-config.

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/phrazzld/claude-config --skill pencil-to-code Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Voir l'original