60fps

Tài liệu tham chiếu tương tác thực tế và công thức chuyển động cho các tác nhân mã hóa AI.

Tài liệu

Shots

2038

Apps

475

App Sites

77

Motion

25

Snippets

5

MCP

Jobs

Mockup

Glossary

Storyboards

64

BETA

MCP

Your AI can build UI. It can't do motion.

60fps gives Claude, ChatGPT, Cursor, Codex and any MCP tool real interaction references and the recipe behind them.

Install MCP

Included with PRO subscription

What it does

Find the shot in plain words

Understand how it moves, and why

Build from the real timing, not a guess

See it think

Trigger what sets it off

Starts the opening state

Moves the motion, beat by beat

Settles where it lands

Why it feels right

You watch it. Your AI reads the recipe.

Setup

Four ways in. Pick the one that matches your tool.

ChatGPT

60fps is in the ChatGPT plugin directory.

  1. Open the 60fps listing
  2. Add it, and sign in with your PRO license key
  3. Mention @60fps in any chat

Claude

For Claude, Cowork, Design, and anything Anthropic.

  1. Open Settings -> Connectors -> Add custom connector
  2. Paste https://mcp.60fps.design/mcp
  3. Click Connect and enter your PRO license key

Editors and CLIs

Paste this into your tool's MCP config and swap in your key. If your tool supports OAuth, the Agent prompt below keeps your key off disk.

{
  "mcpServers": {
    "60fps": {
      "url": "https://mcp.60fps.design/mcp",
      "headers": { "Authorization": "Bearer YOUR_60FPS_PRO_LICENSE_KEY"

Copy

Restart your tool. The 60fps tools show up automatically.

Agent prompt

Paste into Cursor, Claude Code, Codex or any coding agent. It adds the server and tells you when to sign in. For ChatGPT, use the link above.

Copy

You need your 60fps PRO license key.

Tools we offer

Five tools your AI calls for you:

/search_shots

Describe what you want. Get the closest shots.

/get_shot

Full detail on one shot: keyframes, filters, mood.

/get_motion_breakdown

Trigger, start, move, settle, and why.

/get_motion_code

Real SwiftUI for the motion, compile-checked.

/get_related_shots

More like this, for exploring variations.

Try asking

"A Duolingo streak celebration, motion first."

"Calm transitions for a finance app."

"A springy pull-to-refresh, explain the spring."

"Compare three bottom sheets for premium feel."

"Bold, playful onboarding, and why it pops."