Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →

chiroro-jr/pencil-design-skill

1 skill · 1.8k installs · 21 stars · GitHub

Install

npx skills add https://github.com/chiroro-jr/pencil-design-skill

Skills in this repo

1Pencil DesignDesign UIs in Pencil (.pen files) and generate production code from them. Use when working with .pen files, designing screens or components in Pencil, or generating code from Pencil designs. Triggers on tasks involving Pencil, .pen files, design-to-code workflows, or UI design with the Pencil MCP tools. The pencil-design skill documents workflows and patterns from the repository SKILL.md. --- name: pencil-design description: Design UIs in Pencil (.pen files) and generate production code from them. Use when working with .pen files, designing screens or components in Pencil, or generating code from Pencil designs. Triggers on tasks involving Pencil, .pen files, design-to-code workflows, or UI design with the Pencil MCP tools. metadata: author: Nyasha Chiroro version: "1.0" --- # 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.1.8kinstalls

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.

chiroro-jr/pencil-design-skill · 1 skills · Skillselion