Esporta il design .pen nel codice React/Tailwind. Fa bene UNA cosa. Input: ID frame .pen o percorso file Output: codice componente React + configurazione Tailwind Utilizzare quando: esplorazione della progettazione o l'utente necessita di codice di implementazione da un disegno a matita finalizzato.
Installa rapidamente la skill AI pencil-to-code nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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() |
Esporta il design .pen nel codice React/Tailwind. Fa bene UNA cosa. Input: ID frame .pen o percorso file Output: codice componente React + configurazione Tailwind Utilizzare quando: esplorazione della progettazione o l'utente necessita di codice di implementazione da un disegno a matita finalizzato. Fonte: elementsai-dev/cognia.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/elementsai-dev/cognia --skill pencil-to-code Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/elementsai-dev/cognia --skill pencil-to-codeEsporta il design .pen nel codice React/Tailwind. Fa bene UNA cosa. Input: ID frame .pen o percorso file Output: codice componente React + configurazione Tailwind Utilizzare quando: esplorazione della progettazione o l'utente necessita di codice di implementazione da un disegno a matita finalizzato. Fonte: elementsai-dev/cognia.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/elementsai-dev/cognia --skill pencil-to-code Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/elementsai-dev/cognia