🎯

pencil-design

🎯Skill

from chiroro-jr/pencil-design-skill

Installation

Vibe Index InstallInstalls to .claude/skills/

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

skills.sh Install⚠ Installs to .agents/skills/

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

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

path

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

|

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

SKILL.md

1,733Installs

-

AddedFeb 7, 2026