Skip to content

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

Choose a tag to compare

View all tags
@kyungseo kyungseo released this 10 Jul 14:50
v0.2.0
4ea4977
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

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

Assets 2
Loading