pencil-design-skill

Agent skill for designing UIs in Pencil (.pen files) and generating production code (React/Next.js + Tailwind v4 + shadcn/ui)

10
Install command
npx skhub add --skillset @chiroro-jr/pencil-design-skill

Included Skills

pencil-design
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.
00