pencilplaybook: UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual

by stevembarclay · Claude Skill · ★ 50

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

How to install pencilplaybook

git clone https://github.com/stevembarclay/pencilplaybook ~/.claude/skills/PencilPlaybook
git clone https://github.com/stevembarclay/pencilplaybook .claude/skills/PencilPlaybook

Taken from the project's README on GitHub. Check the security audit before running it.

Security audit verdict: SAFE · quality 63/100

None of the 42 rules matched — no credential harvesting, no data exfiltration, no curl-pipe-shell installer. Scanned against 42 published rules built on the SlowMist agent-security taxonomy, refreshed every 8 hours. Full audit →

The quality score combines nine heuristic checks of the repo and its README: completeness, clarity, specificity, examples, structure, agent readiness, step-by-step content, instruction quality and security notes. It rates how well the project explains itself to an agent, not the code.

ai-designanti-ai-slopclaude-codeclaude-skilldesign-skilldesign-systempencil-devperceptual-designtaste-skillui-skills

Quick Facts

Stars50
Forks3
LanguagePython
CategoryClaude Skill
LicenseMIT
Quality Score63/100
Last Updated2026-03-25
Created2026-03-24
Platformsclaude-code, python
Est. Tokens~16k

About pencilplaybook

PencilPlaybook Install once. Claude now knows why disabled buttons are 40% opacity, not 50%. That specificity — defensible, tested, perceptually grounded — is what separates production UI from AI slop. PencilPlaybook embeds those rules directly into Claude Code, so every Pencil.dev session automatically gets the values a senior designer carries in their head.

pencilplaybook alternative? Top 6 similar tools

Looking for a pencilplaybook alternative? If you're comparing pencilplaybook with other claude skill tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • ux-skill by Laith0003 · ⭐ 78

    Design intelligence engine for AI coding tools (Claude Code, Cursor, Windsurf). Deterministic anti-AI-slop lin

  • avoid-ai-design by funboy322 · ⭐ 80

    Audits AI-generated frontend and rewrites it so it stops looking AI-made: purple-gradient slop and the "tastef

  • design-skill-os by frhscopex · ⭐ 52

    The elite design intelligence layer for AI agents, synthesized from 10+ legendary design books. It primes your

  • better-design by marvkr · ⭐ 244

    🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitH

  • creative-director-skill by smixs · ⭐ 203

    World-class creative director in a skill. Methodology-driven ideation (SIT, TRIZ, Lateral Thinking, bisociatio

  • melta-ui by tsubotax · ⭐ 201

    人間にも、AIにも、読めるデザインシステム — AI-Ready Design System for Claude Code & Cursor

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular Python Agent Tools

How this security grade is produced

Grades come from a rule-based scan built on the SlowMist agent-security taxonomy: 42 published rules, covering credential harvesting, data exfiltration, curl | sh installers and more. It is a first-layer scan, not a manual audit — we say so rather than overstate it.

The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.

Sources & who's responsible:

View on GitHub → Browse Claude Skill tools