Concevez des interfaces utilisateur dans des fichiers Pencil (.pen) et générez du code de production à partir de ceux-ci. À utiliser lorsque vous travaillez avec des fichiers .pen, concevez des écrans ou des composants dans Pencil, ou générez du code à partir de conceptions Pencil. Se déclenche sur les tâches impliquant Pencil, les fichiers .pen, les workflows de conception vers code, ou la conception d'interface avec les outils MCP Pencil.
Cette compétence permet de concevoir des interfaces utilisateur (UI) en utilisant le format de fichier Pencil (.pen) et de générer automatiquement du code de production prêt à l'emploi. Elle est particulièrement utile pour les développeurs et les designers qui intègrent la conception d'UI dans leur flux de travail de développement, en transformant les maquettes visuelles en code fonctionnel. Compatible avec les outils MCP (Model Context Protocol) de Pencil, elle s'active lorsqu'un agent IA détecte des fichiers .pen, des tâches de conception d'écrans ou de composants, ou des workflows de conversion conception-code. En utilisant les définitions de composants et de styles dans le fichier .pen, la compétence extrait les informations de mise en page, de couleurs, de typographie et d'interactions pour générer un code propre et maintenable, réduisant ainsi les écarts entre le design et le développement.
npx skills add https://github.com/chiroro-jr/pencil-design-skill/tree/main/skills/pencil-designConcevez des interfaces utilisateur dans des fichiers Pencil (.pen) et générez du code de production à partir de ceux-ci. À utiliser lorsque vous travaillez avec des fichiers .pen, concevez des écrans ou des composants dans Pencil, ou générez du code à partir de conceptions Pencil. Se déclenche sur les tâches impliquant Pencil, les fichiers .pen, les workflows de conception vers code, ou la conception d'interface avec les outils MCP Pencil.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".