60fps
Referências de interação reais e receitas de movimento para agentes de codificação de IA.
Documentação
2038
475
77
25
5
64
BETA
MCP
Sua IA pode construir UI. Ela não sabe fazer movimento.
60fps fornece a Claude, ChatGPT, Cursor, Codex e qualquer ferramenta MCP referências reais de interação e a receita por trás delas.
O que faz
Encontre a cena em palavras simples
Entenda como ela se move e porquê
Construa a partir do timing real, não de um palpite
Veja-o pensar
Gatilho que a dispara
Inicia o estado de abertura
Move o movimento, batida por batida
Assenta onde aterrissa
Por que parece certo
Você assiste. Sua IA lê a receita.
Configuração
Quatro formas de entrar. Escolha a que corresponde à sua ferramenta.
ChatGPT
60fps está no diretório de plugins do ChatGPT.
- Abra a listagem do 60fps
- Adicione e entre com sua chave de licença PRO
- Mencione @60fps em qualquer chat
Claude
Para Claude, Cowork, Design e qualquer coisa da Anthropic.
- Abra Configurações -> Conectores -> Adicionar conector personalizado
- Cole
https://mcp.60fps.design/mcp - Clique em Conectar e insira sua chave de licença PRO
Editores e CLIs
Cole isso na configuração MCP da sua ferramenta e substitua pela sua chave. Se sua ferramenta suporta OAuth, o prompt do Agent abaixo mantém sua chave fora do disco.
{
"mcpServers": {
"60fps": {
"url": "https://mcp.60fps.design/mcp",
"headers": { "Authorization": "Bearer YOUR_60FPS_PRO_LICENSE_KEY"
Copiar
Reinicie sua ferramenta. As ferramentas 60fps aparecem automaticamente.
Prompt do Agent
Cole em Cursor, Claude Code, Codex ou qualquer agente de codificação. Ele adiciona o servidor e informa quando entrar. Para ChatGPT, use o link acima.
Copiar
Você precisa da sua chave de licença PRO 60fps.
Ferramentas que oferecemos
Cinco ferramentas que sua IA chama para você:
/search_shots
Descreva o que você quer. Obtenha as cenas mais próximas.
/get_shot
Detalhes completos de uma cena: keyframes, filtros, clima.
/get_motion_breakdown
Gatilho, início, movimento, assentamento e porquê.
/get_motion_code
SwiftUI real para o movimento, verificado por compilação.
/get_related_shots
Mais como este, para explorar variações.
Experimente pedir
"Uma celebração de sequência do Duolingo, movimento primeiro."
"Transições calmas para um aplicativo de finanças."
"Um pull-to-refresh elástico, explique a mola."
"Compare três bottom sheets para sensação premium."
"Onboarding ousado e divertido, e por que ele se destaca."