Ink Is The Accent
Left alone, coding agents reach for blue links and a gradient. Graphite is the file they read first instead.
Graphite
Free · Apache 2.0 · Released 28 Oct 2026
/plugin install graphite --marketplace ochotzas/graphiteAs a plugin. Updates arrive through /plugin.
git clone https://github.com/ochotzas/graphite ~/.claude/skills/graphiteClone it into the agent's skills folder. This is Claude Code's; other agents have their own.
npm install github:ochotzas/graphite#v1.0.0The colors, type, spacing and motion as CSS and TypeScript, pinned to a release.
What's In It
- One hueEvery color is the same cool graphite at a different lightness. Red is allowed for errors, and for nothing else.
- IslandsContent sits on light, rounded islands on a grey table. No shadows, no borders, no islands inside islands.
- Type does the hierarchyFigtree, set big and tight. Size first, then weight, then a lighter grey. Never color, never italics.
- One springEverything that moves uses the same spring, with seven signature effects and a reduced-motion fallback.
- Every stackSetup for CSS, Tailwind, React, React Native and SwiftUI, plus the Figtree files a native app needs.
- A checklistThe agent runs it before calling the work finished, fixes what it missed and reports the result in one line.
See it run