Rendi i codici DNA nei fotogrammi Pencil .pen. Fa bene UNA cosa. Input: codice DNA + tipo di componente (eroe, carta, forma, ecc.) Output: ID frame .pen + screenshot Da utilizzare quando: l'esplorazione della progettazione o altri orchestratori devono eseguire il rendering proposte visive utilizzando il backend Pencil MCP.
Installa rapidamente la skill AI pencil-renderer nel tuo ambiente di sviluppo tramite riga di comando
Fonte: phrazzld/claude-config.
Translate aesthetic DNA codes into Pencil .pen frames via MCP.
DNA axis → Pencil property mapping is deterministic. Example: centered layout → alignItems: "center", symmetric padding
| hero | Container + headline + subhead + CTA buttons | | card | Container + image area + content + actions | | form | Container + labels + inputs + submit | | nav | Container + logo + links + actions | | footer | Container + columns + links + legal | | section | Container + heading + content grid | | button | Frame + text + icon slot |
Rendi i codici DNA nei fotogrammi Pencil .pen. Fa bene UNA cosa. Input: codice DNA + tipo di componente (eroe, carta, forma, ecc.) Output: ID frame .pen + screenshot Da utilizzare quando: l'esplorazione della progettazione o altri orchestratori devono eseguire il rendering proposte visive utilizzando il backend Pencil MCP. Fonte: phrazzld/claude-config.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/phrazzld/claude-config --skill pencil-rendererRendi i codici DNA nei fotogrammi Pencil .pen. Fa bene UNA cosa. Input: codice DNA + tipo di componente (eroe, carta, forma, ecc.) Output: ID frame .pen + screenshot Da utilizzare quando: l'esplorazione della progettazione o altri orchestratori devono eseguire il rendering proposte visive utilizzando il backend Pencil MCP. Fonte: phrazzld/claude-config.
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/phrazzld/claude-config --skill pencil-renderer 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/phrazzld/claude-config