ABYR1206

Claude Skill Hand Drawn Slides — Design skill for Claude Code

Design community

Claude Skill: generate hand-drawn doodle-style PowerPoint chapter divider slides — muted backgrounds, serif titles, 40-illustration SVG library.

How to install Claude Skill Hand Drawn Slides

This entry records only its repository, not the path inside it, so there is no exact command to give. Open ABYR1206/claude-skill-hand-drawn-slides and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Skill Hand Drawn Slides does

Claude Skill: generate hand-drawn doodle-style PowerPoint chapter divider slides — muted backgrounds, serif titles, 40-illustration SVG library.

Alternatives in Design

Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
Weather Orchestrator Command — Fetch the current temperature for Dubai, UAE and create a visual SVG weather card 20.2k ★
Grade — Generate a shareable HTML "Design Report Card" — letter grade, 8 dimensions, evidence (palette, type, rhythm) 3.6k ★

README

Hand-Drawn Chapter Slides

A [Claude](https://claude.com/claude-code) Skill that generates elegant PowerPoint chapter divider slides — muted full-bleed backgrounds, minimalist serif typography, and doodle-style illustrations drawn with thick black ink strokes.

![Preview of five generated chapter slides](examples/preview.png)

What it does

Ask Claude for "手绘风格的章节页 PPT" (or "hand-drawn chapter slides") and this skill produces a `.pptx` where every slide follows one consistent design system:

Full-bleed muted background — a unique desaturated color per slide, never bright or saturated
Lower-left title block — Chapter N in Calibri 14pt above a Georgia 40pt title
Center-right illustration — flat off-white (#FAF8F2) shapes with thick #141413 outlines
Bottom-right page number — Calibri 14pt, right aligned
13.333" × 7.5" widescreen canvas

The skill ships an illustration library of **40 ready-to-use SVGs** (magnifying glass, rocket, hourglass, compass, fingerprint, …) with topic mappings, plus the drawing rules for improvising a new one when no existing illustration fits the chapter.

Install

**Claude Code** — clone the skill folder into your personal skills directory:

git clone https://github.com/ABYR1206/claude-skill-hand-drawn-slides.git /tmp/hdcs && \
  cp -r /tmp/hdcs/hand-drawn-chapter-slides ~/.claude/skills/ && rm -rf /tmp/hdcs

**Claude Desktop / claude.ai** — package the folder as a `.skill` bundle and upload it in the Skills panel:

cd claude-skill-hand-drawn-slides && zip -r hand-drawn-chapter-slides.skill hand-drawn-chapter-slides -x "*.DS_Store"

Then start a new session and ask for the slides — the skill triggers on hand-drawn / doodle / sketch style slide requests in both English and Chinese.

How it works

Slides are built with [`pptxgenjs`](https://github.com/gitbrent/PptxGenJS). Each illustration is an SVG string rasterized to a PNG through [`sharp`](https://sharp.pixelplumbing.com