Pencilplaybook

PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level guardrails so it stops producing averaged-out AI slop.

53 stars 3 forksAI, LLMs & Agents

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add stevembarclay/pencilplaybook --skill pencilplaybook

Manual install

git clone --depth 1 https://github.com/stevembarclay/pencilplaybook.git /tmp/pencilplaybook
mkdir -p ~/.claude/skills
cp -r /tmp/pencilplaybook/. ~/.claude/skills/pencilplaybook

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Pencil Pro

## Primary Resolution Rule

**This skill must be configured before first use.**

**If the user says "run the PencilPlaybook setup wizard" or asks to set up or configure PencilPlaybook:**
→ Read `.claude/skills/pencilplaybook/setup.md` and follow the instructions there exactly.

**If the user says "build my first screen with PencilPlaybook" or asks to start designing:**
→ Read `.claude/skills/pencilplaybook/onboarding.md` and follow the instructions there exactly.

> Configured resolution: *(run setup to set this)*

If a screen root in an existing `.pen` file doesn't match your configured resolution, note it before editing. Do not build on top of a wrongly-sized canvas without flagging the deviation.

**Common exception — marketing pages:** Design at 1440px regardless of your app resolution. Marketing pages are consumed at variable browser widths — design at 1440px, verify at 390px.

---

## Session Startup (Every Pencil Session)

```
1. get_editor_state()                           — check active document and selection
2. open_document("path/to/your-file.pen")       — open target file
3. get_guidelines(topic="web-app")              — load design guidelines
4. set_variables(<token map below>)             — inject brand tokens
5. get_variables()                              — confirm tokens stored
6. snapshot_layout()                            — verify canvas dimensions
```

Read the full skill on GitHub

Details

Skill name: pencilplaybook
Repository: stevembarclay/pencilplaybook
License: MIT
Repo updated: 25 March 2026

FAQ

What does the Pencilplaybook skill do?

How do I install the Pencilplaybook skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add stevembarclay/pencilplaybook --skill pencilplaybook. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Pencilplaybook popular?

It lives in stevembarclay/pencilplaybook, which has 53 GitHub stars and 3 forks.

Related skills

Ue5 MCP

ibrews/ue5-mcp

Field manual for driving Unreal Engine 5.7 / 5.8 through MCP. Engine-level gotchas, silent-fail edges, crash patterns, and the call sequences that actually work — applicable regardless of which MCP server you're using (Epic's official ModelContextProtocol plugin, custom servers, or anything else). Auto-trigger when Unreal Engine MCP tools are detected in a session, or when the user mentions Unreal Engine, UE5, Blueprints, Niagara, MetaSound, materials, or any UE editor automation workflow. This skill contains hard-won knowledge from real debugging sessions — most entries trace back to an actua

AI, LLMs & Agents

Math Modeling Skill

anticipate218/math-modeling-skill

数学建模竞赛全流程助手：审题选题、模型选型与求解、结果检验（误差/灵敏度/稳健性）、论文写作与提交自检，覆盖国赛 CUMCM、研赛华为杯、美赛 MCM/ICM。当用户准备建模竞赛、写建模论文、问赛题思路、写摘要、做灵敏度分析、选模型、检查论文格式或提交前自检时使用——即使没说"数学建模"三字也应使用。

AI, LLMs & Agents

Record and Replay

ugarchance/record-and-replay-skill

Record the user's actions — browser (Playwright event stream + trace) or native desktop (lightweight event/window/screenshot stream) — on macOS, Windows and Linux for up to 30 minutes, then turn the demonstration into a reusable agent skill. Use when the user asks you to watch them perform a task, record a workflow, or create/refine a skill from their demonstration. Agent-agnostic — works in Claude Code, Codex, opencode, or any agent with shell access.

AI, LLMs & Agents

Humanize Chinese

swaylq/humanize-chinese

中文去 AI 腔一整套（装完即用，零 API Key —— 装了本 skill 的 agent 自己就是那个 LLM）。六个流程：① 生成即去 AI —— 写中文时按本 skill 的写作指南落笔，初稿就不带 AI 腔； ② 复查改写 —— 产出后对照本 skill 的清单再过一遍，定点拆模板句式； ③ Python 词语替换 —— ./humanize replace 按文体自动路由词表（学术 120+ 条 / 通用 220+ 条），只做短语级、只在子句边界替换，改完自动核对数字/专名/段落； ④ Claude 腔转中文 —— 把 Claude 助手腔的中文改写成平实中文，规则提炼自 gvzdv/claudish-to-english 并本地化； ⑤ 去水印 —— ./humanize watermark 扫清零宽字符/双向控制符/同形替身，并对照 guillaumemeyer/watermarks-remover 说明统计水印的边界； ⑥ 纠错顺句 —— 修错词、病句、标点，拗口和用词不准处轻手顺一顺；改动范围有硬校验。另有检测（0-100 分）、风格转换、学术降重等 CLI。 Use when user says: "去AI味", "降AIGC", "人性化文本", "humanize chinese", "AI检测", "AIGC降重", "去除AI痕迹", "文本

AI, LLMs & AgentsIn 2 lists

R00 BehiSecc Awesome Claude Skills Datascience

Winnershitram/r17-behisecc-awesome-claude-skills-datascience

🤖 Data Science & AI/ML skill suite derived from BehiSecc/awesome-claude-skills. Data pipelines, model training, evaluation, MLOps and analytical reporting. Provides 10 specialised commands for data-science, machine-learning, analytics workflows.

AI, LLMs & Agents

Conference Watch

Zsun79/ConferenceWatch

Watch and report on upcoming AI/ML conferences: submission deadlines (every stage), dates, location, special sessions / calls for papers, official links, and a 5-year acceptance-rate trend. Use when the user asks about future AI conference deadlines, wants to plan submissions, compare venues, or track a set of conferences by area/reputation/difficulty. Works in any agent that has a web-search / web-fetch capability (Claude Code, Codex, etc.).

AI, LLMs & Agents

Browse the most popular Claude skills, all ai, llms & agents skills, or write your own with the skills generator.