v0.3.1 — Sketch Hero Gallery

Highlights

• Graduated svg-infographic from Beta to Stable based on its mature authoring contract, fourteen bilingual examples, iterative public releases, and repeatable validation workflow. Platform verification remains separate: macOS rendering is verified; Windows/Linux rendering is still pending verification.
• Added agent-system-sketch, a tidy hand-drawn component architecture example with editable English/Korean SVGs, 2× PNGs, and the source prompt.
• Recurated the root gallery into an editorial layout: two large sketch heroes above four structurally distinct supporting examples.
• Updated the example count and macOS render-smoke coverage to fourteen examples.
• Advanced the pinned installation guide to v0.3.1.

Gallery composition

• Heroes: incident-response-sketch, agent-system-sketch
• Supporting: zero-trust-onion, agent-waiting-swimlane, cloud-infra-topology, agent-task-matrix

Install

git clone --depth 1 --branch v0.3.1 https://github.com/kyungseo/skillstead.git /tmp/skillstead
mkdir -p ~/.claude/skills
cp -R /tmp/skillstead/skills/svg-infographic ~/.claude/skills/

Full Changelog: v0.3.0...v0.3.1

v0.3.0 — sketch preset: tidy hand-drawn

svg-infographic gains an opt-in sketch preset — "tidy hand-drawn": a hand-drawn surface over a computed layout.

Highlights

• Sketch preset (references/sketch.md) — paper background with subtle grain, an OFL Korean handwriting font embedded as a base64 data URI, rough feTurbulence/feDisplacementMap strokes, underline highlighter, open-V hand arrowheads. The standard layout pass and pre-render checklist still apply — alignment and spacing stay precise, text stays real and editable. Deliberately not an imitation of image-model sketchnotes: no mascots or character art, no faked wobble.
• Subset, don't bundle — the handwriting font is downloaded at render time and subset to the glyphs actually used (pyftsubset), keeping the example SVG at ~99 KB instead of ~4 MB. Full embed stays documented as a fallback; the OFL notice ships with the example.
• New example (13th): incident-response-sketch — detect → triage → respond → recover → retro, with a minor-issue branch to the backlog and a prevention loop-back. English + Korean, identical geometry, prompts included.
• Boundary update — hand-drawn/sketchnote moves from "not for" to supported as the opt-in preset; mascots, character art, and scene illustration remain out of scope.

Install / update

git clone --depth 1 --branch v0.3.0 https://github.com/kyungseo/skillstead.git /tmp/skillstead
mkdir -p ~/.claude/skills
cp -R /tmp/skillstead/skills/svg-infographic ~/.claude/skills/

PNG export is smoke-tested on macOS (all thirteen examples); Windows/Linux render verification is still pending.

🤖 Generated with Claude Code

v0.2.0 — layout-first authoring, archetype catalog, render script

svg-infographic grows from a single-file guide into a multi-file package built around one goal: the first render passes review.

Highlights

• Layout pass (new, required) — canvas regions, card-grid arithmetic (the last-edge formula), and per-box text budgets are fixed numerically before drawing. Copy that won't fit is shortened before authoring, not after a broken render.
• Pre-render checklist (new) — a mechanical source-level self-check before every render: containment arithmetic, <use>/marker reference resolution, text budgets, on-accent contrast classes, EN/KO geometry parity, root sanity.
• Archetype catalog — nine archetypes under one schema (choose-when signal · layout skeleton · premium recipe · per-type checks) in references/archetypes.md. The premium visual language (band containers, pill headers, white icon cards, badge system) is now the documented default.
• scripts/render.sh — browser discovery (macOS / Linux / Windows Git Bash), wrapper generation, 2× headless render, and automatic PNG dimension verification in one command. Manual per-OS fallback (incl. native PowerShell) stays documented.
• Two new examples (10 → 12) — the dogfood outputs of this release, both passing the quality bar on their first render: zero-trust-onion and agent-waiting-swimlane. English + Korean with identical geometry, prompts included.
• Sketch-style groundwork — verified in headless Chrome: OFL Korean handwriting font embedded as base64 renders cleanly, and feTurbulence rough borders work. A hand-drawn preset remains out of scope for this release.
• Friendlier docs (EN/KO) — a five-step "How It Works" walkthrough and a "Supported Archetypes" table in the skill README; install docs show the package layout.

Install / update

git clone --depth 1 --branch v0.2.0 https://github.com/kyungseo/skillstead.git /tmp/skillstead
mkdir -p ~/.claude/skills
cp -R /tmp/skillstead/skills/svg-infographic ~/.claude/skills/

The skill is now a folder with references/ and scripts/ — copy the whole folder. Full options (project scope, Windows, uninstall): docs/INSTALL.md.

PNG export is smoke-tested on macOS (all twelve examples); Windows/Linux render verification is still pending.

🤖 Generated with Claude Code

v0.1.2 — Bilingual README language toggle

Docs-only patch release.

Repository

• Visible language toggle on every bilingual README pair. The root, skills/svg-infographic, and examples/svg-infographic README pairs now show an inline English · 한국어 switch directly under the title, replacing the previously invisible HTML-comment cross-links. Readers can discover and switch to the other language straight from the rendered page. Titles and body content are unchanged.

No skill/engine changes. svg-infographic behavior is identical to v0.1.1.

Full Changelog: v0.1.1...v0.1.2

v0.1.1 — Example visual refresh

Visual refresh of the entire svg-infographic example set, plus the two examples and skill-guidance additions accumulated since v0.1.0.

Highlights

• All ten examples redrawn to a refreshed, higher-fidelity style — band containers with pill section headers, white icon cards, numbered step badges, emphasized key steps, and footer rule/summary cards. English + Korean, re-rendered to 2× PNG.
• Two new examples (example count 8 → 10):
  • ci-cd-artifact-promotion — build once / promote-the-same-digest release-candidate model.
  • issue-tracker-cicd-approval-flow — an issue key threading commit → build → test → approval → prod deploy, with a parallel issue-state rail.
• Gallery preview refreshed to a curated 3×2 six-example montage (English + Korean).
• SKILL.md guidance (lightweight): input-mode classification, archetype selection from the content signal, conclusion-first titles, an optional 3×3 zone layout aid, an expanded rendering + message + container-containment review checklist, and an optional attribution/footer policy. No engine/DSL — the skill stays a lightweight guide.
• Usage docs & bilingual gallery: skill README (EN/KO) usage aligned to the new guidance; a Korean examples gallery added with cross-links; per-example provenance simplified to a short, consistent line.

Scope & honesty

• Claude Code first. macOS PNG export verified across all ten examples; Windows/Linux render paths remain documented and pending.
• Examples are synthetic, non-client artifacts.
• SVG is the editable source of truth; PNG is the 2× export.

Install

git clone --depth 1 https://github.com/kyungseo/skillstead.git /tmp/skillstead
mkdir -p ~/.claude/skills
cp -R /tmp/skillstead/skills/svg-infographic ~/.claude/skills/

Project-scoped install, Windows PowerShell, pinned versions, update, and uninstall are in docs/INSTALL.md.

Full changelog: CHANGELOG.md

Skillstead v0.1.0

Skillstead v0.1.0 — first public release

Skillstead is a small catalog of practical, portable skills for agentic coding workflows. This first release ships one skill, svg-infographic, on Claude Code.

svg-infographic turns architecture notes, migration plans, process flows, decision matrices, and technical concepts into an editable SVG (the primary deliverable, ready for docs, HTML, and PPTX) plus a crisp 2x PNG for previews and social posts. It includes first-class Korean/CJK rendering guidance.

Highlights

• 8 worked examples, each with English + Korean SVG/PNG outputs and the prompt that produced it.
• Source SVG + 2x PNG output contract.
• Icon-first style and reusable technical diagram patterns.
• Archetypes for topology, layers, cards, before/after migration, flow, roadmap, qualitative risk, and decision matrix.
• Multi-agent catalog positioning, with Claude Code as the supported v0.1.0 runtime.

Rendering / OS Status

• PNG export is smoke-tested on macOS.
• Chrome / Edge / Chromium paths are documented for Windows and Linux, but render verification there is still pending.
• Contributions and smoke-test reports for Windows/Linux are welcome.

Install (Claude Code)

git clone --depth 1 https://github.com/kyungseo/skillstead.git /tmp/skillstead
cp -R /tmp/skillstead/skills/svg-infographic ~/.claude/skills/

Pin to this release with --branch v0.1.0.

git clone --depth 1 --branch v0.1.0 https://github.com/kyungseo/skillstead.git /tmp/skillstead
cp -R /tmp/skillstead/skills/svg-infographic ~/.claude/skills/

A shallow pinned-tag clone may print a harmless refs/tags/v0.1.0 ... is not a commit warning. The checkout still lands on the tagged commit.

Links

• Repository: https://github.com/kyungseo/skillstead
• Install guide: https://github.com/kyungseo/skillstead/blob/main/docs/INSTALL.md
• Gallery: https://github.com/kyungseo/skillstead/tree/main/examples/svg-infographic

License: Apache-2.0.