4gentic

Typesetter — Design agent for Claude Code

Design community

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

Terminal
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/**/*.css
  • apps/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 Repository