60fps

Referencias de interacción real y recetas de movimiento para agentes de codificación de IA.

Documentación

Shots

2038

Apps

475

App Sites

77

Motion

25

Snippets

5

MCP

Jobs

Mockup

Glossary

Storyboards

64

BETA

MCP

Tu IA puede construir UI. No puede hacer motion.

60fps le da a Claude, ChatGPT, Cursor, Codex y cualquier herramienta MCP referencias de interacción reales y la receta detrás de ellas.

Instalar MCP

Incluido con la suscripción PRO

Qué hace

Encuentra el shot en palabras simples

Entiende cómo se mueve y por qué

Construye con el timing real, no con una suposición

Míralo pensar

Dispara lo que lo activa

Inicia el estado de apertura

Mueve el motion, beat por beat

Se asienta donde aterriza

Por qué se siente bien

Tú lo ves. Tu IA lee la receta.

Configuración

Cuatro formas de entrar. Elige la que coincida con tu herramienta.

ChatGPT

60fps está en el directorio de plugins de ChatGPT.

  1. Abre el listado de 60fps
  2. Agrégalo e inicia sesión con tu clave de licencia PRO
  3. Menciona @60fps en cualquier chat

Claude

Para Claude, Cowork, Design y cualquier cosa de Anthropic.

  1. Abre Configuración -> Conectores -> Agregar conector personalizado
  2. Pega https://mcp.60fps.design/mcp
  3. Haz clic en Conectar e ingresa tu clave de licencia PRO

Editores y CLIs

Pega esto en la configuración MCP de tu herramienta y reemplaza con tu clave. Si tu herramienta soporta OAuth, el prompt del agente a continuación mantiene tu clave fuera del disco.

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

Copiar

Reinicia tu herramienta. Las herramientas de 60fps aparecen automáticamente.

Prompt del agente

Pégalo en Cursor, Claude Code, Codex o cualquier agente de codificación. Agrega el servidor y te dice cuándo iniciar sesión. Para ChatGPT, usa el enlace de arriba.

Copiar

Necesitas tu clave de licencia PRO de 60fps.

Herramientas que ofrecemos

Cinco herramientas que tu IA llama por ti:

/search_shots

Describe lo que quieres. Obtén los shots más cercanos.

/get_shot

Detalle completo de un shot: keyframes, filtros, mood.

/get_motion_breakdown

Disparador, inicio, movimiento, asentamiento y por qué.

/get_motion_code

SwiftUI real para el motion, verificado por compilación.

/get_related_shots

Más como este, para explorar variaciones.

Prueba preguntando

"Una celebración de racha de Duolingo, motion primero."

"Transiciones calmadas para una app de finanzas."

"Un pull-to-refresh con resorte, explica el resorte."

"Compara tres bottom sheets para una sensación premium."

"Onboarding audaz y juguetón, y por qué destaca."