tesserai

design.tesserai由 tesserai.design 发布v0.2.2更新于 Oct 24, 2026

Your project's design system for coding agents: tokens, components, contrast checks, guidelines.

已验证STDIO仅桌面开发者工具媒体与设计

概览

AI 生成的概览

通过 stdio 向编码代理提供项目的 tesserai 设计系统，包括令牌、组件、对比度检查和设计规范。

可以做什么
读取设计系统的大纲、令牌、组件、对比度检查和设计规范，供编码代理在构建界面时参考。应用保持在设计系统范围内的改动。设计系统本身通过 tesserai CLI 安装和更新，该 CLI 也会为 Claude Code 和 Cursor 注册此服务器。
适用场景
适用于项目已采用 tesserai 设计系统，并希望编码代理按照其令牌、组件和规则构建界面，而不是自行发明样式的情况。
运行要求
通过 npx 从 @tesserai/cli npm 包在本地运行，需要 Node.js 22 或更高版本。项目须使用 Tailwind CSS 4 及受支持的框架（React 配 Base UI、Radix 或 React Aria；Vue 配 Reka UI；Svelte 5 配 Bits UI）。需先用 CLI 的 init 命令安装设计系统。仅限桌面端。
安装前请注意
代理可以应用对设计系统的改动，请检查其修改。安装或同步会向项目写入文件，并将 CLI 添加为开发依赖。仅当设计系统私密保存在账户中时才需要登录；scan 的上传选项标注为 Pro。

安装

在 SourceWeft 中

  1. 打开 控制台中的 tesserai，将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Desktop only，通过 STDIO。 STDIO 服务会启动本地进程，因此需要 SourceWeft 桌面宿主。

其他 MCP 客户端

参照 仓库 中的启动说明。

README

@tesserai/cli

Install a tesserai design system into your project as components you own. Keep it current from your terminal. Give your coding agent the same tokens, components and rules through MCP.

Needs Node.js 22 or newer and Tailwind CSS 4. React works with Base UI, Radix or React Aria, Vue with Reka UI, and Svelte 5 with Bits UI.

Start

Design a system at tesserai.design and download it; that needs no account. Or share it from your account, and install it by its link, which sync then follows:

sh
npx @tesserai/cli init ./acme.tesserai.jsonnpx @tesserai/cli init https://tesserai.design/s/AbCdEf123456 --dir ./apps/web

init writes the components, the theme CSS and tesserai/design-system.json into your project. It adds the CLI as a dev dependency. It also registers the MCP server for Claude Code in .mcp.json, and for Cursor in .cursor/mcp.json when the project uses Cursor.

Commands

CommandWhat it does
init <link or bundle>Install a system into the project
sync [link or bundle]Pull the latest version and regenerate. Files you changed are kept, with the new version written beside them. --dry-run shows the plan
scanHow the app uses its system: each component's uses and options (most used first), components and options never used, overrides (className, style, sx restyling a component, by what they change), the same override repeated (a change to make in the system), generated files edited by hand, an adoption score, and values that bypass the system. --fix replaces exact matches; --upload keeps the scan with its system in the builder (Pro)
doctorCheck the project, the system, the manifest and the source link
export <format>The system for another stack: scss, ts, panda, stylex, mui, mantine, chakra, swift, kotlin, dart
storybookA Storybook with a story per component, light and dark, and accessibility checks
mcpServe the system to coding agents over stdio
login / logoutSign in for systems kept privately in an account

Run npx @tesserai/cli <command> --help for the options.

For coding agents

init registers the server for you. To add it by hand:

sh
claude mcp add tesserai -- npx -y @tesserai/cli mcp

The agent can then read the system's outline, tokens, components, contrast checks and design guidelines. It can also apply changes that stay inside the system.

License

MIT. The components and CSS the CLI writes into your project are yours to use however you like.

来源：packages/cli/README.md，提交 bcec877

工具

0
SourceWeft 尚未在沙箱中启动过该软件包，因此其工具未知。

版本历史

2
  1. v0.2.2最新Sep 27, 2026
  2. v0.2.1Sep 27, 2026

评分

已满足适用检查项的 50%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通25 分

    请保持端点能够响应 MCP 握手；SourceWeft 每 30 天探测一次。

  • 已声明认证方式10 分

    请在注册中心条目中声明凭据请求头，或保持端点能够响应探测，以便判定其认证方式。

  • 已列出工具15 分

    请让服务器在无凭据时响应 tools/list，或发布可在沙箱中无凭据启动的软件包。

  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分