Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 41 additions & 0 deletions content/(concepts)/design-system.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
---
title: Design System
description: Save a team's design rules once, then reuse and check them across projects
---

Save your team's colors, type, layout, voice, and brand files in one Design System. A connected agent can reuse those standards in a new project, check a build against them, or bring a named Space up to date. You choose which Spaces change. Saving the system alone does not edit or publish a site.

For agent imports and updates, use a Spacefast plugin with the [Design System task skills](/agents/skills#design-system-task-skills).

## Start a Design System

When Design System is enabled for your team, open the team and choose **Design System**. If you see **Set up team context**, select it first. Then choose how to start:

- **Import what you already have.** Choose **Copy prompt** and give it to an agent connected to [Spacefast MCP](/agents). Give the agent your brand guide, Figma file, or repository too. With `import-design-system` installed, the agent saves supported values, registers source files, and keeps other guidance in supporting Memory records. Ask for a report of conflicts and anything it could not import.
- **Start from a kit.** Choose **shadcn/ui**, **Tailwind CSS**, or **Spacefast default**. The kit saves editable colors, type, and layout values. Review them before applying them to a project.

You can also add the standards yourself in the dashboard. **Look & feel** holds named colors, typography for headings and body text, and layout dimensions. **Voice** holds a tone description and writing rules with optional examples.

## Add brand files

Use **Brand files** to upload logos, images, fonts, and source documents. After uploading, edit **How to use** to tell your agent where and when a file belongs. A filename alone cannot do that job.

Each upload must be no larger than 25 MB. Files stay in the team's private Media Library. Accepted SVG files are sanitized on upload, so check the saved artwork. An agent must download needed files and put visitor-facing assets in the project's source; private file URLs do not belong in a live page.

## Apply it to a project

On a saved Design System, choose **Apply with your agent → Copy prompt**. Give the prompt to your connected agent and name the project or Space you want it to work on. The prompt points the agent to the current team standards and these skills when available:

- `apply-design-system` builds a new project or makes a requested source edit using the saved standards.
- `verify-design-system` checks a matching source build or preview and fixes gaps when you ask for corrections.
- `update-design` brings a named existing Space or linked project into line with the current standards.

The agent reads the saved Design System and applicable Memory, works from the complete project source, and checks the built result at desktop and mobile sizes. If a required file is unavailable or two rules conflict, it should report the specific gap.

Changes to team standards do not roll out to existing Spaces. Name each Space you want updated. Whether the agent publishes depends on your request and that Space's work mode.

## Change or undo a saved rule

Edit the saved values in **Look & feel**, **Voice**, or **Brand files**. The **Changelog** shows the current revision and changes made in this session. **Revert** can undo only the latest saved change; older changes cannot be selected for undo.

If someone saves a newer revision while you are editing, reload the saved version and reconcile your draft before saving again.
2 changes: 1 addition & 1 deletion content/(concepts)/meta.ts
Original file line number Diff line number Diff line change
Expand Up @@ -4,5 +4,5 @@ export default defineMeta({
title: "Concepts",
collapsed: false,
order: 2,
pages: ["spaces", "versions", "teams"],
pages: ["spaces", "versions", "teams", "design-system"],
});
2 changes: 2 additions & 0 deletions content/(concepts)/teams.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,8 @@ Free and Go allow only the owner. Adding another member needs [Plus](/billing#se

A team is the thing that owns work in a self-serve account. Spaces, custom domains, API keys, billing, and members all hang off it. A Space you claim belongs to the team you select, even when you are its only member. [Partner API customers](/platforms/partner-api/customers) use external principals instead.

A team can also hold a [Design System](/design-system) for colors, type, voice, and brand files. Saving those standards does not change any Space until you apply them to its project.

A team has a name and a slug. The slug is the first segment of its dashboard URLs. You can change it in **Team settings → General**, where a live check tells you whether the new one is free.

| Slug rule | Value |
Expand Down
2 changes: 2 additions & 0 deletions content/agents/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,8 @@ Anything you can do in the dashboard, an agent can do over MCP. The Spacefast MC

Inside `execute`, search for an operation with `tools.search`, read its contract with `tools.describe`, then call it. Check each write with a read before reporting success.

If your team has a saved [Design System](/design-system), your agent can read its standards and files while working on a project. Ask it to apply the system to a new build or bring an existing project into line with the current rules.

<Prompt description="Publish this folder to Spacefast and give me the live URL." actions={["copy"]}>
Publish this folder to Spacefast and give me the live URL.
</Prompt>
Expand Down
29 changes: 22 additions & 7 deletions content/agents/skills.mdx
Original file line number Diff line number Diff line change
@@ -1,11 +1,13 @@
---
title: Skills
description: The Spacefast agent skill, what it tells your agent to do, and how to install or remove it with the sf CLI
description: The base Spacefast skill and the task skills for saving and using a team's Design System
---

The Spacefast plugins and `sf skills` install guidance for publishing, inspection, and management. The format and tool choices depend on the client; adding only an MCP connection does not install the skill.
The Spacefast plugins and `sf skills` install the base `spacefast` skill for publishing, inspection, and management. The format and tool choices depend on the client; adding only an MCP connection does not install the skill.

## One skill, called `spacefast`
Spacefast plugins also include task skills for saving and using a team's Design System.

## The base `spacefast` skill

Every lane ships a skill named `spacefast`. It is two markdown files, `SKILL.md` and `references.md`, rendered from one template into per-client variants.

Expand All @@ -18,7 +20,20 @@ Every lane ships a skill named `spacefast`. It is two markdown files, `SKILL.md`

The plugin lanes carry the MCP variant, which routes work to the typed tools. The copy bundled with the CLI carries the curl and HTTP API variant instead, for agents that have no MCP connection at all. Same name, same product rules, different lane.

## What triggers it
## Design System task skills

The Claude Code, Codex, and Cursor plugins in [release 0.5.8](https://github.com/spacefast/plugins/releases/tag/plugins-v0.5.8) include four skills for the [Design System](/design-system). If your installed plugin lacks these skills, update it before using the Design System prompts.

| Skill | Use it for |
|---|---|
| `import-design-system` | Save supplied standards, source files, and supporting guidance to the team |
| `apply-design-system` | Use saved standards in a new build or requested source edit |
| `verify-design-system` | Check a source build or preview against current standards; fix only when you ask for corrections |
| `update-design` | Bring a named existing Space or linked project onto current standards |

Importing standards does not change a project. Applying them to one project does not roll them out to the team's other Spaces.

## What triggers the base skill

The trigger line is the frontmatter `description`. Your client matches it against what you asked for.

Expand Down Expand Up @@ -65,7 +80,7 @@ Publish this folder to Spacefast and give me the live URL.
Show me the deployments for this Space and whether the last build passed.
</Prompt>

## What it instructs
## What the base skill instructs

The skill's job is routing and conduct. The MCP variant follows these tool choices.

Expand All @@ -90,9 +105,9 @@ The rest sets behavior the tools alone do not enforce.

## Kept in sync with the tools

A CI check re-renders every skill variant and compares the tool names it mentions against the live tool list, in both directions. A tool added without a skill update fails the build, and so does a skill that names a tool which no longer exists. The skill you install always names exactly the five tools the server registers.
A CI check re-renders every skill variant and compares the tool names it mentions against the live tool list, in both directions. A tool added without a skill update fails the build, and so does a skill that names a tool which no longer exists. The base skill names exactly the five tools the server registers.

## Install it on its own
## Install the base skill on its own

If you want the skill without touching MCP config, the CLI installs the copy bundled with it.

Expand Down
1 change: 1 addition & 0 deletions styles/Spacefast/spelling-exceptions.txt
Original file line number Diff line number Diff line change
Expand Up @@ -64,6 +64,7 @@ exif
extensionless
Favicon
fetchable
Figma
finalizer
followable
forwardable
Expand Down
Loading