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:
claude plugin marketplace add typesheet/pluginsclaude plugin install typesheet@typesheetThe 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_brieffor the page, takes the components and the theme (get_file), and builds with them. - Before it finishes, it runs
check_designon each file it changed and fixes what it finds. - To fill a sheet from a codebase, ask it to push the brand:
push_brandfor the colors, faces, scale and logos,push_componentsfor 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.