Astryx Design System
An open-source design system that is fully customizable and agent ready.
FrameworkWorkflowsWebFree
4.6Visit
AI Tool
Tinte
Compile your design system into an Agent Plugin so coding agents write on-brand UI.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is Tinte?
Tinte reads a live site, compiles its design system into an Agent Plugin, and fails the build on any colour that bypasses the tokens. Agents read your tokens as an API and your composition rules as instructions, and the same identity becomes a theme for your editor and terminal.
Pros
- Keeps AI-written UI on brand
- Fails builds on off-token colours
- Works with Claude Code, Codex and Cursor
Cons
- Needs a design system or live site to read
- Young project
Who should use Tinte
Teams who want coding agents to follow their design tokens.
Who may not need it
People without a defined design system.
Tinte alternatives
Similar resources to Tinte, picked from the directory.
ProUI
Native-grade components and complete app templates for React teams and coding agents.
WebsiteAI ProductivityWebFreemium
4.6Visit
OpenDesign
An open-source, local AI design workspace that turns coding agents into design engines.
AI ToolAI ProductivityWebFree
4.7Visit
Theme Factory Skill
An official Claude skill with 10 pre-set color and font themes you can apply to slides, docs, reports and landing pages.
AI ToolAI ProductivityWebFree
4.7Visit
TypeUI
Curated design systems and UI prompts for AI coding tools.
AI ToolAI ProductivityWebFreemium
4.7Visit
Neuform
Turn one prompt into web, mobile and design systems.
AI ToolAI ProductivityWebFreemium
4.6Visit
Free alternatives to Tinte
Free resources that cover similar ground.
OpenHarness
Open-source software and hardware for building with coding agents across software, design, circuits, data and video.
AI ToolAI ProductivityCross-Platform, LinuxFree
4.6Visit
Agent Skills by PaulRBerg
A curated collection of agent skills for Claude Code and other AI coding agents.
AI ToolAI ProductivityWebFree
4.4Visit
ccmux
Run all your AI coding agents in tmux and jump to the one that needs you.
AI ToolAI ProductivitymacOS, LinuxFree
4.4Visit
JFrog Boost
Cut token waste by compressing command output before it reaches coding agents.
AI ToolAI ProductivitymacOS, WindowsFree
4.4Visit
Agent Rules Skill
Generate AGENTS.md files that follow the agents.md convention.
AI ToolAI ProductivityCross-PlatformFree
4.3Visit
Agentation
The visual feedback tool for AI coding agents.
AI ToolAI ProductivityWeb, Cross-PlatformFree
4.3Visit
Featured on Best Productivity Resources
Made Tinte? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/tinte" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>