MCP server

Give your coding agent real design.

Sections, tokens and page blueprints from shipped Frontier templates, inside Claude Code, Cursor and Codex.

Get a key Set it up

Why not just prompt it?

Prompt only

It guesses colours and spacing.
Every section looks like every other AI site.
You fix the details by hand.

With Frontier

Real tokens from a tested palette.
Sections from finished, shipped templates.
Pages match a reference, header to footer.

Running in three steps.

01
Copy your key
It's on your receipt and starts with ft_.
ft_••••••••••••

Add the server

Paste this into your agent.

shell

claude mcp add frontier -e FRONTIER_LICENSE_KEY=ft_your_key -- npx -y @frontiertemplates/mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "frontier": {
      "command": "npx",
      "args": ["-y", "@frontiertemplates/mcp"],
      "env": { "FRONTIER_LICENSE_KEY": "ft_your_key" }
    }
  }
}

~/.codex/config.toml

[mcp_servers.frontier]
command = "npx"
args = ["-y", "@frontiertemplates/mcp"]
env = { FRONTIER_LICENSE_KEY = "ft_your_key" }

03
Ask for a page
Your agent picks the tools.
“Build our pricing page with Relay's sections and tokens.”

Seven tools.

Free sections work without a key.

list_templates
List templates
get_design_tokens
Get design tokens
A template's Wada palette, CSS custom properties (colours, fonts, spacing and more), font families, Google Fonts links and the stylesheets its pages load.
template
list_sections
List sections
Search the section library.
template?type?query?limit?kindstyle?layout?animation?
get_section
Get a section
Get one section as clean HTML (uses the template CSS classes), JSX, or a ready-made Claude Code prompt that rebuilds it in your stack.
idformat
list_alternatives
List alternatives for a role
Library sections that can replace each other because they play the same role on a page (header, hero, proof, features, showcase, stats, cases, blog, faq, cta, footer, pricing).
rolecurrent?
get_section_html
Get section HTML with tokens applied
One library section (a variant id from list_alternatives or list_sections) as pasteable HTML restyled by a template token set: a theme id (e.g.
idtheme?tokens?mode
get_page_blueprint
Get a page blueprint
The ordered list of sections that make up one template page (header first, footer last), with ids you can pass to get_section, plus the page's title and meta description.
templatepage

Pricing

Proposed

With a plan

Studio: 3 months. Agency: 6 months.

Included

See plans

Standalone

Every section and token, for one year.

$99per year

Get a key