🎯

pencil-design

🎯Skill

from chiroro-jr/pencil-design-skill

|

What it does

|

An agent skill for designing production-quality UIs in Pencil (.pen files) and generating React/Next.js + Tailwind v4 + shadcn/ui code, enforcing design system reuse, tokens, layout correctness, and visual verification.

pencil-design

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add chiroro-jr/pencil-design-skill --skill pencil-design

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add chiroro-jr/pencil-design-skill --skill pencil-design

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/pencil-design/SKILL.md

SKILL.md

393Installs

-

AddedFeb 7, 2026