Skip to content
Agentmart
Submit a tool

tesserai

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

Connector by tesserai.designOfficial · Domain verified by the MCP Registry

IndexedMITLocal (stdio)
Write a review

Install

Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.

npx agentmarket install connector/tesserai-design-tesserai

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

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

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this server can do and what it asks for, from its tool list and install config. Checked Oct 25, 2026.

Tools
13 read · 2 write · 2 delete
Secrets
None asked for
Install scripts
None found
Runs as
Node.js package

Tools by what they do 17

Read from the source code; the running server may list different tools.

Read 13 · Look things up without changing anything.

  • check_contrast
  • component_guide
  • describe_operation
  • example_page
  • explain
  • get_component
  • get_tokens
  • guidelines
  • list_operations
  • list_overrides
  • outline
  • scan
Show 1 more tools
  • usage

Write 2 · Create, change, send or run things.

  • import_design_system
  • upload_scan

Delete 2 · Delete, drop, revoke or wipe things.

  • apply_changes
  • sync

Tools (17)

Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].

  • apply_changesApply changescan change or delete data

    Change the design system with operations, applied in order, all or nothing, and checked before anything is written. Then the theme CSS and components are regenerated; files the developer edited are kept and the new version is written beside them. With preview: true, nothing is written and the result says what would change.

  • check_contrastCheck contrastread-only

    Run the contrast checks and list failing pairs with suggested fixes.

  • component_guideComponent guideread-only

    How to build with the system's components. Without a component: each one with what it's for and its import. With one: its import, its props and their allowed values, and an example written for this project (its library and class prefix). Use it before writing UI, so new code uses the components rather than hand-styled elements.

  • describe_operationDescribe an operationread-only

    One operation's input, as JSON Schema.

  • example_pageExample pageread-only

    Description is built at runtime.

  • explainExplain a tokenread-only

    Follow a token's references to its final value, in light or dark.

  • get_componentGet a componentread-only

    Read one component's full definition: parts, axes, and every recipe layer.

  • get_tokensGet tokensread-only

    Read the tokens under a path prefix: values, per-mode values, and whether they were set by hand.

  • guidelinesDesign guidelinesread-only

    Design guidelines on a topic (WCAG, Apple, Material and settled practice, with sources): the rule, why it matters, where it comes from. Read it before answering how a design system should do something, or making a change a guideline speaks to.

  • import_design_systemImport a design system

    Bring this project's existing design system (its look: colors for light and dark, fonts, body text size, corners, spacing, shadows) into tesserai as a new system. It never changes the project. Read the project first, then call this once with what you found. This tool already reads stylesheets (CSS variables, Tailwind v4 @theme, Sass/Less variables, plain rules), design-token files, next/font and Tailwind v3 configs by itself. Add what lives in code: - antd: the ConfigProvider theme / ThemeConfig.token (colorPrimary, colorError, colorSuccess, colorWarning, colorBgBase, colorTextBase, colorBord…

  • list_operationsList operationsread-only

    Every operation apply_changes accepts, by group, with what it does. describe_operation gives one operation's exact input.

  • list_overridesList overridesread-only

    What has been customised compared with tesserai's defaults.

  • outlineDesign system outlineread-only

    A compact outline of the design system: palettes, meanings (intents), surfaces, type, spacing, radius, and every component with its parts and options.

  • scanScan the projectread-only

    How the app uses the design system: each component's uses and files, most used first, with each option's uses (a use without it counts for the default); components never used; options no use sets; overrides (className, class, style or sx restyling a component, by what they change; placement isn't counted); suggestions where the same override repeats; generated files edited by hand; and hard-coded colors and sizes with the token to use. Act on it: a suggestion is a change to propose to the system (a variant, a size, the component's corners), not to the app; confirm with the person before removi…

  • syncSync the design systemcan change or delete data

    Bring the project up to date with its design system: for a project that follows a tesserai link, pull the latest version first (the latest release of a private system); then regenerate the theme CSS and components. Files the developer edited are kept; the new version goes beside them. Call it before building UI when outline says the design changed.

Show 2 more tools
  • upload_scanUpload a scan

    Scan the app and keep the result with its design system in the builder (Pro), where the team sees usage beside the system and how it changes over time. Sends counts, kinds and class names only: no source, no paths but edited generated files. Needs the project to follow its system's account link and a CLI login. Only when the person asks.

  • usageToken usageread-only

    What depends on a token: the tokens that reference it and the components it styles.

Signals

Stars
0
Forks
0
Open issues
0
Last commit (this folder)
Sep 27, 2026 (1 month ago)
Last release
Sep 27, 2026 (1 month ago)

From GitHub (fetched Oct 24, 2026).

Details

Registry name
design.tesserai/tesserai
Version
0.2.2
Auth
No auth
Packages
npm @tesserai/cli
License
MIT
Repository
github.com/tesseraihq/tesserai
Website
tesserai.design/docs
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Source
Official MCP Registrygithub-graphql
Cite this page

tesserai MCP server. Agent Mart. https://agentmart.dev/connectors/tesserai-design-tesserai (last updated 2026-10-24)