Tinte

Tinte is a command line tool that turns a website's design system into an agent plugin, so that coding agents write on brand interface code. It reads a live page that is already on brand, records computed styles and normalizes them into thirteen semantic tokens. The compiler then emits one installable artifact containing a token file the agent reads as an API and a SKILL.md carrying the type scale, voice and composition rules. A linter reads the same configuration file and fails the build when code bypasses the tokens. It names each defect by kind, such as a hex literal or a Tailwind palette color, next to the token that should replace it. The same configuration can also compile the identity into a theme for tools a developer already uses. The site lists nine targets: VS Code and Cursor, Zed, Kitty, Warp, Alacritty, Windows Terminal, Slack, GIMP and Shiki syntax highlighting. The skill installs for Claude Code, Codex and Cursor into an agents skills folder, and the compiler installs with a package manager command. The source is published on GitHub. Tinte is aimed at front end developers and design system teams who use coding agents and want consistent output without relying on review to catch off palette colors. The site publishes no pricing.