Progetta interfacce utente in Pencil (file .pen) e genera codice di produzione da esse. Da utilizzare quando si lavora con file .pen, si progettano schermate o componenti in Pencil o si genera codice da progetti Pencil. Attiva attività che coinvolgono Pencil, file .pen, flussi di lavoro dalla progettazione al codice o progettazione dell'interfaccia utente con gli strumenti Pencil MCP.
Installa rapidamente la skill AI pencil-design nel tuo ambiente di sviluppo tramite riga di comando
Fonte: chiroro-jr/pencil-design-skill.
Design production-quality UIs in Pencil and generate clean, maintainable code from them. This skill enforces best practices for design system reuse, variable usage, layout correctness, visual verification, and design-to-code workflows.
These rules address the most common agent mistakes. Violating them produces designs that are inconsistent, hard to maintain, and generate poor code.
NEVER recreate a component from scratch when one already exists in the design file.
Progetta interfacce utente in Pencil (file .pen) e genera codice di produzione da esse. Da utilizzare quando si lavora con file .pen, si progettano schermate o componenti in Pencil o si genera codice da progetti Pencil. Attiva attività che coinvolgono Pencil, file .pen, flussi di lavoro dalla progettazione al codice o progettazione dell'interfaccia utente con gli strumenti Pencil MCP. Fonte: chiroro-jr/pencil-design-skill.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/chiroro-jr/pencil-design-skill --skill pencil-designProgetta interfacce utente in Pencil (file .pen) e genera codice di produzione da esse. Da utilizzare quando si lavora con file .pen, si progettano schermate o componenti in Pencil o si genera codice da progetti Pencil. Attiva attività che coinvolgono Pencil, file .pen, flussi di lavoro dalla progettazione al codice o progettazione dell'interfaccia utente con gli strumenti Pencil MCP. Fonte: chiroro-jr/pencil-design-skill.
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/chiroro-jr/pencil-design-skill --skill pencil-design 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/chiroro-jr/pencil-design-skill