60fps

Referências de interação reais e receitas de movimento para agentes de codificação de IA.

Documentação

Cenas

2038

Aplicativos

475

Sites de Apps

77

Movimento

25

Trechos

5

MCP

Vagas

Mockup

Glossário

Storyboards

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.

Instalar MCP

Incluído com assinatura PRO

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.

  1. Abra a listagem do 60fps
  2. Adicione e entre com sua chave de licença PRO
  3. Mencione @60fps em qualquer chat

Claude

Para Claude, Cowork, Design e qualquer coisa da Anthropic.

  1. Abra Configurações -> Conectores -> Adicionar conector personalizado
  2. Cole https://mcp.60fps.design/mcp
  3. 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."