Typesheet with Claude Code

Connect Claude Code to your sheets on Typesheet, for building pages and components in your codebase with the brand's own tokens, faces and components.

Connect

Install the plugin (the server and the typesheet Skill), then run /mcp in Claude Code to sign in:

Shell
claude plugin marketplace add typesheet/pluginsclaude plugin install typesheet@typesheet

The first time, Claude Code opens Typesheet: sign in and choose Allow. It can read your sheets, check its work against them, and send what it finds for your review; it can't change a sheet without you. Disconnect it any time from your account.

Use it

  • Ask it to build the pricing page from your sheet: it calls get_brief for the page, takes the components and the theme (get_file), and builds with them.
  • Before it finishes, it runs check_design on each file it changed and fixes what it finds.
  • To fill a sheet from a codebase, ask it to push the brand: push_brand for the colors, faces, scale and logos, push_components for the components. Both wait for your review.

With more than one sheet, name it ("from the Lumen sheet"), or Claude Code lists them with list_sheets and asks.

Plans

Free is one sheet of 50 elements, every agent and a share link. Pro is $12 a month, flat, for unlimited sheets of 300 elements each and a team. No credits: an agent can ask for a brief or a check as often as the work needs.

Give your agent a moodboard

Start a sheet