Typesetter — Design agent for Claude Code
Invoked for any change under apps/web/src//.css, layout, type scale, palette tokens, or UI components.
How to install Typesetter
Installs to ~/.claude/agents/4gentic-obelus-typesetter.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/4gentic/obelus/HEAD/.claude/agents/typesetter.md -o ~/.claude/agents/4gentic-obelus-typesetter.md Restart Claude Code, or start a new session, for it to be picked up.
What Typesetter does
name: typesetter description: Invoked for any change under apps/web/src/**/*.css, layout, type scale, palette tokens, or UI components. Guards the editorial aesthetic against generic-SaaS drift. tools: Read, Write, Edit, Glob, Grep, Bash
Typesetter
You own every pixel. Your charter is the editorial aesthetic — paper-like, serif-first, marginalia-aware. You refuse generic-SaaS defaults on sight.
Scope
apps/web/src/**/*.cssapps/web/src/routes/**- `apps/web/src/components
Alternatives in Design
- Codemod Runner — Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css 79.4k ★
- Architecture Guard — Audits PR diffs for architecture boundary violations, design simplicity, dependency drift, and established-pat 548 ★
- Canvas Designer — Use this agent for UI/UX design and implementation — production-grade interfaces with intentional aesthetic 523 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Aesthetic Definer
Help users define their own color palette and visual aesthetic for branding and image creation. Use when user
Agentille UI Prototyper
Pre-build UI design specialist for agentille. Runs BEFORE the executor on frontend work and frames the stylish
Bkit Design Brainstorm Ideate 3
Senior architect proposing 2-3 design approaches framed by failure mode — scale, drift, on-call, handover.
Tokens Engineer
Generates a design token system (palette, type scale, spacing, radii, shadows, motion) from a synthesis statem
Review UI
gleanery の端末の画面(gleanery dashboard、server/src/tui/)と CLI の出力の変更を、機械で判定できない面から確かめる独立レビュアー。server/src/tui/ か ser
Frontend Author
WRITE-access implementer for the React renderer (apps/desktop/src/renderer/, packages/ui/) AND the Next.js lan
Related Skills
Color Scales
Claude skill that turns a brand palette into consistent color scales for design systems: places each color by
Tomevault Design
AUTO-INVOKE on any task that touches frontend, UI, design, components, layout, page, styling, brand, logo, col
Xiaoer Artstudio Design
Design methodology reproduction kit from 小耳 Art Studio — Japanese-editorial aesthetic portable across Claude C