Use with AI tools
Use Keyframery from Claude Code, Codex, Cursor, VS Code, Gemini CLI or any MCP client, or give your assistant the docs as plain text.
Keyframery works with any coding agent. Claude Code gets the most: a plugin. Every other agent connects to the same MCP server, and any assistant can read the docs as plain text.
Claude Code plugin
The plugin teaches Claude when to use each cut and connects it to the Keyframery MCP server. In Claude Code, run:
/plugin marketplace add keyframery/keyframery
/plugin install keyframery@keyframeryThen ask for what you want, for example "add Keyframery to this app" or "animate the inbox list".
MCP server
The server is at https://keyframery.com/mcp. It is read-only, needs no account, and never sees your code.
| Tool | What it does |
|---|---|
list_kinds | The six kinds of change, with the cut, install command and snippet for each |
search_docs | Searches the docs and returns matching pages |
get_doc | Returns one docs page as Markdown, such as helpers/list-cut |
make_theme | Builds the <Cuts /> line and CSS for a chosen speed, easing or cut |
Claude Code
Without the plugin:
claude mcp add --transport http keyframery https://keyframery.com/mcpClaude
On the web or desktop: open Settings, then Connectors, add a custom connector, and paste https://keyframery.com/mcp.
Codex
The Codex CLI and the IDE extension share one setting:
codex mcp add keyframery --url https://keyframery.com/mcpOr add it to the config file yourself:
[mcp_servers.keyframery]
url = "https://keyframery.com/mcp"Cursor
{
"mcpServers": {
"keyframery": { "url": "https://keyframery.com/mcp" }
}
}VS Code (GitHub Copilot)
{
"servers": {
"keyframery": { "type": "http", "url": "https://keyframery.com/mcp" }
}
}Gemini CLI
gemini mcp add --scope user --transport http keyframery https://keyframery.com/mcpAny other MCP client
Add a streamable HTTP server with the address https://keyframery.com/mcp. A client that only runs local servers can reach it through npx -y mcp-remote https://keyframery.com/mcp.
llms.txt
The docs are also published as plain text:
| URL | What it has |
|---|---|
/llms.txt | an index of every page, with one line each |
/llms-full.txt | every page in full, in one file |
any docs page + .mdx | that page as Markdown, for example /docs/helpers/list-cut.mdx |
Paste https://keyframery.com/llms-full.txt into a chat, or add a line to your project rules. Codex and most other agents read AGENTS.md; Claude Code reads CLAUDE.md.
This project uses Keyframery for motion (https://keyframery.com/llms-full.txt).
Use ListCut for lists that change, ValueCut for numbers and statuses that change,
LoadCut for skeletons, and MatchCut for a card that opens into a detail view.
Don't hand-write enter or exit animations for shadcn components.