tinte

把设计系统喂给 AI，让 AI 自动遵守你的品牌规范。

tinte 是一个将设计系统编译为 AI Agent 插件的开源工具。它能够从任意设计参考（如网站、图片或现有代码）中提取品牌身份，并生成标准化的 SKILL.md 文件与 tokens.css 设计令牌，同时提供 lint 功能来检查代码中绕过设计令牌的硬编码样式。该项目旨在弥合设计系统与 AI 编程助手之间的鸿沟，让 AI 在生成代码时能够自动遵循既定的设计规范，从而保证产品 UI 的一致性和可维护性。其核心能力包括：设计令牌的自动提取与编译、Agent 插件的标准化输出，以及基于令牌的样式违规检测。通过将设计系统转化为 AI 可理解的指令和变量，tinte 帮助开发团队在 AI 辅助开发流程中维持设计一致性，减少人工审查成本。

开源 free 编程开发

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 621

维护状态维护中

是否开源是

定价模式 free

项目数据

分类编程开发

开发团队Railly

所属国家

官网地址https://tinte.dev

GitHubhttps://github.com/Railly/tinte

定价模式free

价格说明开源项目，MIT 许可证，完全免费，可自行部署使用。

访问状态

是否开源是

开源协议MIT

主要语言TypeScript

技术栈/模型agent-native,agent-plugins,ai-coding,cli,color-tokens,design-system,design-systems,design-tokens,nextjs,oklch,one-hunter,registry,shadcn-preset,shadcn-ui,terminal-colors,theme-generator,vscode-theme

GitHub 星标★ 621

30天Star增速

HF 下载量

上线时间2023-10-12 00:00:00

最近更新2026-09-23 00:00:00

维护状态维护中

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数5

使用教程

核心亮点

自动从设计稿/网站提取设计令牌，省去手动整理 tokens 的繁琐工作
输出 SKILL.md 直接对接 AI 编程助手，让 AI 生成代码时自动遵循设计规范
内置 lint 工具可检测硬编码样式，防止设计系统被绕过

不足之处

早期项目，生态和文档尚不完善
对复杂设计系统的提取准确性和可定制性有待验证

适用场景

团队使用 AI 编程助手开发产品，需要保证 UI 一致性
从现有网站或设计稿快速生成可复用的设计令牌库
在 CI/CD 流程中自动检查代码是否遵循设计系统

替代项目

Style Dictionary、Design Tokens (W3C)、Theo

项目介绍

tinte 是设计创意领域的开源项目，由 Railly 开发，2023 年首次发布。

它收录于设计创意分类，该分类目前共有 163 个项目，GitHub 星标数为 621。

项目仍在小幅维护中，最近一次代码更新于 2026-09-23。MIT 许可证，完全免费，可自行部署使用。

它主要面向的使用场景是：团队使用AI编程助手开发产品，需要保证UI一致性。同类可对比的替代方案包括 Style Dictionary、Design Tokens (W3C)、Theo。

上一篇：lazy-pony-prompter

下一篇：awesome-ios-design-md