Skip to content

Your agent gets the whole project, over MCP.

Connect Claude Code, Cursor or any MCP agent to SpecShot. It reads the brief, the brand and every page, builds real designs, saves each version where it belongs, and answers your client's notes.

A hosted endpoint, or the @scayver/specshot-mcp-server npm package. More than 70 tools on both.

One agent session against the sample Acme Dental project: connect, read the page's context, save a design.

One session, from brief to revision.

The agent works the way a designer on your team would: read first, build, take notes, revise. Each step is a tool call SpecShot answers.

What an agent does in one session

An agent reading a sample project's brief, brand and memory.

The tools, grouped by job.

More than 70 tools, the same on the hosted endpoint and the npm package. These are the ones that do the main work.

Read the project

Everything a designer would ask for before starting, in one call or a few.

  • get_project_stateEach page's state, whose turn it is, and the next step.
  • get_project_intelligenceThe brief, goals, audience, brand, captures, inspiration and pages.
  • get_wireframe_contextThe starting point for building one page.
  • get_brand_systemBrand tokens with their contrast pairs.
  • get_discovery_answersThe client's discovery questions and answers.
  • get_project_memoryDecisions, rejected directions and rules to keep.
  • get_project_referencesThe versions people pinned as more like this, and the taste they stated.
  • get_selectionWhat you have selected on the canvas right now.

Build and save designs

Designs are filed under their page, and each revision is kept as a new version beside the last.

  • publish_page_versionSave a design and place it on the canvas in one call.
  • save_wireframeSave a full design without placing it.
  • stream_designWrite a design onto the canvas section by section.
  • create_design_versionAdd a new version beside the last one.
  • restore_design_versionBring back an earlier version.
  • reserve_section_uidTake the next stable section id, like SS-SEC-HERO-001.
  • create_pageAdd a page the brief implies.
  • generate_imageMake an image with the workspace's own OpenAI or Google key.
  • get_font_facesFont faces ready to embed, so the brand type is real.

Generate a whole site

Plan the site once, then build it page by page from one shared kit.

  • get_site_planThe site's pages and how they group.
  • set_page_familiesGroup pages that share a layout into families.
  • get_site_kitThe shared header, footer and sections every page uses.
  • save_site_kitSave that kit.
  • next_site_pageHand over the next page to build.

Read and answer reviews

Your client's notes reach the agent pinned to the section they mean.

  • get_comments_for_sectionThe pins on one section.
  • reply_to_commentAnswer a pin.
  • resolve_design_commentMove a pin along its workflow.
  • get_messagesRead a design's conversation.
  • post_messageReply in that conversation.
  • revise_wireframeRevise a saved design from the feedback.
  • save_decisionKeep the taste a person stated, for every later page.

Connect in a few minutes.

Make a token, paste one block of settings, and ask your agent to check the connection.

How to connect your agent

Your token

spec_your_token_hereRead and write, or read only. Revoke it any time.

Your agent sees your workspace and nothing else.

Tokens are scoped, hashed and easy to revoke.

  • Each token belongs to one workspace, and every call is scoped to it.
  • SpecShot keeps only a hash of the token. You see the full token once, when you make it.
  • Choose read only or read and write. A read-only token cannot save anything.
  • A token is never worth more than its owner's seat. Client seats cannot make one.
  • Revoke a token at any time, set it to expire, or limit it to up to 50 IP addresses.
  • Each token is limited to 120 requests a minute.
  • Going live and rolling back on WordPress stay a person's click. No MCP tool reaches them.

Questions, answered.

  • Which agents can connect?
    Any agent that speaks MCP. Settings, MCP gives ready setup for Claude Code, Claude Desktop, Cursor, Codex CLI.
  • Hosted endpoint or npm package?
    They expose the same tools. The hosted endpoint needs no install. The @scayver/specshot-mcp-server package runs on your machine with npx and talks to SpecShot with your token.
  • Does SpecShot need my AI key for this?
    No. Your agent runs on your own plan with your own provider. SpecShot gives it the project and keeps what it saves.
  • Which plans include MCP?
    Every plan, Free included. The whole-site tools are on Pro and Agency.
  • Can I set up an agent for my whole team?
    Yes. Settings, MCP has a setup file that makes Claude Code a team member on your agency's projects.

Connect your agent to your first project.

Free forever to start. No credit card required.