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é.
Installez rapidement le skill IA pencil-to-code dans votre environnement de développement via la ligne de commande
Source : elementsai-dev/cognia.
| 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 : elementsai-dev/cognia.
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/elementsai-dev/cognia --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, Cursor ou OpenClaw
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/elementsai-dev/cognia --skill pencil-to-codeExportez 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 : elementsai-dev/cognia.
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/elementsai-dev/cognia --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, Cursor ou OpenClaw
https://github.com/elementsai-dev/cognia