60fps
Referencias de interacción real y recetas de movimiento para agentes de codificación de IA.
Documentación
2038
475
77
25
5
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.
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.
- Abre el listado de 60fps
- Agrégalo e inicia sesión con tu clave de licencia PRO
- Menciona @60fps en cualquier chat
Claude
Para Claude, Cowork, Design y cualquier cosa de Anthropic.
- Abre Configuración -> Conectores -> Agregar conector personalizado
- Pega
https://mcp.60fps.design/mcp - 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."