# Website templates for Cursor

> For Cursor, the AI code editor (not mouse-cursor effects): designed sites its agent can build from a prompt pack or edit directly, with project rules that keep the design consistent.

Cursor's agent writes working front-end code quickly, but without a reference it falls back on the same generic layout every AI-made site shares. Opening a designed template in Cursor gives the agent something concrete to follow: real spacing, a type scale, a palette and finished page layouts. You then work the way Cursor is good at, selecting a section and asking for a change.

With these templates you can open the HTML edition as a Cursor project and edit it, let Cursor's agent build a new project from a prompt pack, or add the MCP server so the agent can pull sections and tokens into a site you already have. The setup below is specific to Cursor: where the MCP configuration goes, and how to write a project rule so the agent keeps to the template's design system.

## The 10 templates

- [Isinglass: AI Clinical Documentation Website Template](https://frontiertemplates.com/templates/isinglass) ($79; ready in HTML). An aurora and glass website template for an AI scribe in healthcare, led by a generated film of light moving through water.
- [Relay: AI Agent Platform Website Template](https://frontiertemplates.com/templates/relay) ($79; ready in HTML, Prompt pack). Developer-facing: code samples, an integrations index and docs-style blog layouts, with prompt pack and HTML both ready.
- [Foldline: AI Code Review Website Template](https://frontiertemplates.com/templates/foldline) ($79; ready in HTML). A devtool template whose light and dark themes live in one token file, so a rule that says "only use tokens from tokens.css" keeps edits on-system.
- [Meetly: AI Meeting Assistant Website Template](https://frontiertemplates.com/templates/meetly) ($79; ready in Astro, HTML, Prompt pack). Ready in Astro as well as HTML, if you prefer to work in components inside Cursor.
- [Merrow: AI Support Assistant Website Template](https://frontiertemplates.com/templates/merrow) ($79; ready in HTML, Prompt pack). Mock-ups are split into partials, so you can point the agent at one file per component.
- [Mordant: AI Image Generator Website Template](https://frontiertemplates.com/templates/mordant) ($79; ready in HTML, Prompt pack). Code-generated visuals the agent can restyle with your palette instead of replacing images.
- [Northwind: AI Consultancy Website Template](https://frontiertemplates.com/templates/northwind) (free; ready in Framer, Prompt pack). Free, with a prompt pack, so you can try a Cursor build at no cost.
- [Halden: AI Lab Website Template](https://frontiertemplates.com/templates/halden) ($79; ready in HTML). The flagship: 30 pages and five header and footer variants to choose from.
- [Tidewell: AI Inbox Agent Website Template](https://frontiertemplates.com/templates/tidewell) ($79; ready in HTML). Glass effects defined in a handful of CSS variables, easy to tune in one request.
- [Foray: AI Sales Agent Website Template](https://frontiertemplates.com/templates/foray) ($79; ready in HTML). An explicit 12-column Swiss grid, which keeps agent layout edits aligned.

## Add the MCP server in Cursor

Cursor reads MCP servers from ~/.cursor/mcp.json (all projects) or .cursor/mcp.json in a project. Add the server, restart the agent, and it gains tools to fetch sections, design tokens and page blueprints. Free sections work without a key.

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

## Keep the agent on the design system with a project rule

Cursor applies project rules from the .cursor/rules folder to agent requests. A short rule stops the agent inventing new colours and spacing mid-edit. Save something like this as .cursor/rules/design.mdc in the template folder and adjust it to the template's own file names:

- Use only the colour, spacing and type tokens defined in the template's CSS custom properties.

- Reuse existing section markup and classes; don't add a new CSS file.

- Keep every page working at 390 pixels wide.

- Don't remove the reduced-motion handling from any animation.

## Build from a prompt pack in Cursor

Open an empty folder, switch the chat to agent mode, and paste the prompt from the prompt page with your licence key and a few lines about your company. The agent fetches the pack's entry document and follows its links to each page spec and asset. Ask mode can't fetch and write files, so use agent mode.

## Questions

### Is this about custom mouse-cursor effects?

No. These are website templates for use in Cursor, the AI code editor. If you were looking for animated cursor effects, the templates don't focus on those.

### Which Cursor mode do I need?

Agent mode, for building from a prompt pack or for multi-file edits. Inline edits work for small changes in one file.

### Does it matter which model Cursor uses?

The pack and files work with any model Cursor offers. Larger models follow long page specs more faithfully.

### Can I use the same template in Claude Code later?

Yes. The files and the licence are the same; only the agent changes.

Canonical: https://frontiertemplates.com/collections/cursor-website-templates