yacb2

Figure Sonnet — Development agent for Claude Code

Development community

Use proactively when an artifact page needs a wireframe or screen mockup (inline SVG themed with the kit tokens).

How to install Figure Sonnet

Installs to ~/.claude/agents/yacb2-aidex-figure-sonnet.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/yacb2/aidex/HEAD/agents/figure-sonnet.md -o ~/.claude/agents/yacb2-aidex-figure-sonnet.md

Restart Claude Code, or start a new session, for it to be picked up.

What Figure Sonnet does

name: figure-sonnet description: Use proactively when an artifact page needs a wireframe or screen mockup (inline SVG themed with the kit tokens). Not for structure trees or option A-vs-B comparisons: those are a `diagram` block (`shape=tree` / `shape=compare`) written straight into the page spec. Handoff: a spec file with a named "Files to read first" section listing the kit tokens and, for a mockup, the application stylesheet, then viewBox width, labels, output path and gate command. Not f

Alternatives in Development

Excalidraw Diagram Skill — Skill to give Claude Code (and any coding agent) the ability to generate beautiful and practical Excalidraw di 1.4k ★
Part 19: Repowise — Codebase Intelligence For Coding Agents — 60% fewer tokens 232 ★
Paper Verifier — Compares the Rust implementation in outl-core against the pseudocode in Kleppmann et al 201 ★