MotionVault Agent Kit

Kit MCP de código aberto para descobrir modelos de sites cinematográficos e assets de movimento, inspecionar prompts licenciados e código-fonte, e planejar builds com storyboards, design tokens e utilitários de engenharia de movimento.

GitHub

Servidor MCP hospedado

npx add-mcp 'https://mcp.motionvault.site/mcp'

Instala no Claude Code, Codex, Cursor e outros

Documentação

MotionVault Agent Kit

MotionVault — cinematic websites, ready to make yours

Public beta Verify agent kit 40 MCP tools 6 skills 6 agent guides Node 20.19+ MIT code license

Crie sites cinematográficos com seu agente de IA. O kit de primeira parte da MotionVault combina descoberta de templates originais, direção de movimento, sistemas de design, geradores de código executável e entrega prática de código-fonte.

Explore a MotionVault · Navegue pelos templates · API para desenvolvedores · Conecte o MCP

HALO / Nightwatch — actual MotionVault cinematic preview

Uma prévia real do HALO / Nightwatch, capturada no Chrome. O kit ajuda você a escolher o mecanismo de mídia, planejar a história de rolagem, obter código-fonte autorizado e inspecionar o resultado entregue.

Conecte-se em minutos

Para descoberta pública, conecte um cliente MCP HTTP Streamable a https://mcp.motionvault.site/mcp. Não é necessária conta ou chave para metadados do catálogo, prompts/código-fonte gratuitos e ferramentas de engenharia criativa.

{
  "mcpServers": {
    "motionvault": {
      "type": "http",
      "url": "https://mcp.motionvault.site/mcp"
    }
  }
}

Use um cliente que suporte HTTP Streamable. O stdio local está disponível abaixo. Este é um beta público; o conteúdo do catálogo evolui de forma independente da versão do pacote, e a recuperação premium depende de o site da MotionVault estar acessível.

Execute localmente

Requer Node 20.19+ (Node 22/24 recomendado).

git clone https://github.com/iboss21/motionvault-agent-kit.git
cd motionvault-agent-kit
npm ci
npm run start:http

Conecte um cliente MCP HTTP Streamable a http://127.0.0.1:5190/mcp. A busca no catálogo, cálculos de movimento, ferramentas de sistema de design e geradores de código funcionam a partir do snapshot incluído. get_template_source requer a API de código-fonte da MotionVault: ela usa como padrão http://localhost:5188 para desenvolvimento local.

Para o site ao vivo, defina MOTIONVAULT_BASE_URL=https://motionvault.site antes de iniciar o servidor. A API correspondente deve estar implantada e acessível. As variáveis de ambiente pertencem ao ambiente do processo; o pacote não carrega automaticamente arquivos .env.

Clientes stdio podem iniciar:

{
  "mcpServers": {
    "motionvault": {
      "command": "node",
      "args": ["/absolute/path/to/motionvault-agent-kit/src/cli.mjs", "--stdio"],
      "env": { "MOTIONVAULT_BASE_URL": "https://motionvault.site" }
    }
  }
}

Substitua o caminho absoluto para sua máquina. O stdio grava mensagens de protocolo na saída padrão e mensagens operacionais na saída de erro.

Leia seu conteúdo adquirido

O código-fonte premium requer uma assinatura ativa. Prompts premium exigem assinatura ou uma escolha previamente resgatada de Prompt Pack. Um Prompt Pack pago fornece 10 resgates de prompts exclusivos no workspace do site; as leituras via MCP nunca gastam um crédito nem escolhem um novo resgate por você.

Crie uma chave pessoal templates:read no seu workspace com login. As chaves são exibidas apenas uma vez, armazenadas somente como hashes e expiram após 90 dias. Defina MOTIONVAULT_API_KEY no ambiente do seu processo local privado para stdio. Para HTTP, forneça sua própria chave como cabeçalho Authorization: Bearer … da solicitação.

O Claude Code suporta expansão de ambiente em cabeçalhos MCP:

{
  "mcpServers": {
    "motionvault": {
      "type": "http",
      "url": "https://mcp.motionvault.site/mcp",
      "headers": { "Authorization": "Bearer ${MOTIONVAULT_API_KEY}" }
    }
  }
}

Defina a variável antes de iniciar seu cliente; outros clientes podem usar seu próprio armazenamento de segredos. Consulte a referência de configuração MCP do Claude Code.

Nunca envie uma chave nem coloque seu valor em um prompt compartilhado, URL ou configuração versionada. O servidor HTTP compartilhado encaminha apenas a chave de cada chamador; ele nunca empresta uma chave de ambiente a usuários anônimos. As chaves não podem resgatar créditos, alterar contas/cobranças, gerar mídia ou publicar. A revogação tem efeito nas leituras autenticadas subsequentes.

Um primeiro pedido útil

Encontre um template cinematográfico para uma marca de pesquisa orbital. Compare três mecanismos adequados, distinga filmagens reais de assunto de movimento de foto e crie um storyboard original de rolagem em cinco etapas. Gere um scaffold responsivo, verifique o movimento reduzido e prepare uma lista de verificação de entrega de código-fonte. Peça mídia ausente em vez de afirmar que uma foto é um filme.

As ferramentas retornam planos concretos, cálculos e código-fonte. Seu agente ainda precisa de um editor/navegador disponível e, quando apropriado, de um provedor de mídia autorizado para construir e verificar visualmente um site personalizado finalizado.

Instale o plugin

No Claude Code:

/plugin marketplace add iboss21/motionvault-agent-kit
/plugin install motionvault@motionvault-official

Execute o servidor HTTP a partir do seu checkout antes de usar a conexão local incluída. Para desenvolvimento local, inicie o Claude Code com --plugin-dir /absolute/path/to/motionvault-agent-kit. O pacote também contém Agent Plugins portáteis plugin.json/mcp.json e um manifesto de compatibilidade com Codex. O suporte de instalação do cliente varia; este repositório não é uma declaração de aprovação em um diretório público de plugins de terceiros.

Habilidades incluídas:

  • cinematic-builder: mídia original, história em cinco etapas, rolagem nativa, código-fonte real e QA visual.
  • motion-director: diagnostique cenas estáticas; crie movimento de câmera, máscara, tipografia e shader.
  • design-systems: aplique sistemas de estilo originais, UI, fundos e gradientes com DESIGN.md/código-fonte.
  • delivery-review: inspecione código-fonte real, manifestos, dependências, marcação e reprodução exportada.
  • source-provenance: organize direitos por ativo, avisos e evidências de hash de mídia nativa.
  • launch-preflight: consolide evidências observadas em portões de lançamento explícitos.

Seis definições de agente vivem em agents/: diretor de arte cinematográfica, engenheiro de movimento, arquiteto de sistema de design, revisor de entrega de código-fonte, responsável por direitos de ativos e revisor de lançamento. O Claude Code pode descobrir agentes de plugin nesse diretório padrão; outros clientes podem recuperar os mesmos guias por meio de list_agent_workflows e get_agent_workflow. São instruções reutilizáveis invocadas pelo cliente/usuário, não serviços em segundo plano nem um mecanismo de execução autônoma. Consulte a referência de plugin do Claude Code.

A biblioteca original

Actual MotionVault library with cinematic template previews

Pesquise templates completos e bibliotecas de apoio de estilo, UI, fundo e gradiente. Os rótulos de mídia distinguem filmagens de assunto geradas, fotografias com movimento de câmera em tempo de execução, shaders de GPU, geometria Three.js, canvas e CSS. As contagens de templates nas capturas de tela refletem o momento da captura, não uma promessa de inventário permanente; consulte o catálogo ao vivo para disponibilidade atual.

As capturas de tela são prévias reais de desenvolvimento local. O banner é arte oficial da MotionVault usando imagens cinematográficas originais. Consulte procedência das imagens e detalhes de captura. Essas imagens são demonstrações, não endossos de clientes nem prova de resultados garantidos.

Ferramentas e contexto

O servidor expõe 40 ferramentas validadas, três recursos e três prompts. Todos os 20 nomes originais de ferramentas permanecem compatíveis. Descubra esquemas exatos com a listagem de ferramentas do seu cliente MCP ou o data/capabilities.json gerado.

Fluxo de trabalhoCapacidades
BibliotecaBuscar/filtrar/paginar, inspecionar um template, comparar candidatos, recuperar prompts de construção, links de prévia e manifestos de ativos.
Código-fonteBuscar HTML completo e autônomo e metadados de mídia de uma origem MotionVault explicitamente configurada.
DireçãoBriefings criativos, storyboards em cinco estados, planos de tempo e listas de verificação de exportação.
EngenhariaAmostragem cubic-bezier, cálculos de corte de capa e taxas de contraste de cores opacas.
CódigoHTML executável de rolagem fixa e fundos GLSL/WebGL reativos a ponteiro.
Sistemas de designRecuperação de DESIGN.md/tokens e código-fonte editável de ativos de design.
Sistemas estruturadosPaletas tonais com contraste medido, escalas tipográficas fluidas, escalas de espaçamento, CSS responsivo e geração de DESIGN.md autoral.
InspeçãoEstrutura HTML fornecida, sinais semânticos/de movimento, pins de dependência, caminhos ZIP, orçamentos de bytes e resumos de código-fonte de origem fixa.
Evidência de lançamentoTriagem de licença/procedência por ativo, portões de lançamento explícitos, casos de captura visual e alternativas de movimento reduzido.
EspecialistasDescubra seis guias de função concretos, suas ferramentas reais e entregas esperadas.

As ferramentas adicionadas são generate_palette, generate_type_scale, generate_spacing_scale, compare_design_assets, inspect_html, check_accessibility_markup, check_motion_accessibility, analyze_performance_budget, validate_asset_manifest, audit_dependencies, review_licensing, check_media_provenance, plan_launch_preflight, verify_template_source, plan_visual_qa, build_reduced_motion_plan, generate_responsive_layout, generate_design_document, list_agent_workflows e get_agent_workflow.

Os geradores de código retornam código executável real; eles não renderizam um site personalizado finalizado nem geram mídia fotográfica. Mídia gerada pode ser criada separadamente com um provedor autorizado, como Higgsfield. Um movimento de câmera sobre uma foto é identificado separadamente de filmagens de assunto geradas.

Configuração e limites

  • MOTIONVAULT_BASE_URL: uma origem HTTP(S); origens remotas exigem HTTPS. Sem credenciais, caminhos, strings de consulta ou URLs de código-fonte arbitrárias.
  • MOTIONVAULT_API_KEY: chave pessoal opcional templates:read para seu processo stdio privado. A autorização HTTP hospedada vem do cabeçalho da solicitação individual.
  • MOTIONVAULT_CATALOG_PATH: caminho absoluto opcional para outro snapshot de catálogo validado.
  • MOTIONVAULT_MCP_ALLOWED_ORIGINS: origens exatas de navegador separadas por vírgula permitidas pelo serviço HTTP local. Solicitações sem Origin, como clientes MCP comuns, permanecem suportadas.
  • O HTTP vincula a 127.0.0.1, porta 5190 por padrão; --port seleciona outra porta. Implantações podem definir explicitamente MOTIONVAULT_MCP_BIND_HOST=0.0.0.0 apenas com MOTIONVAULT_MCP_ALLOWED_HOSTS exato. Verificações de Host/Origin, limite de taxa de solicitação, validação de entrada e buscas de código-fonte limitadas são implementadas.
  • As ferramentas não acessam contas, registros de cobrança, consultas privadas, senhas, arquivos locais fora do catálogo configurado ou credenciais de provedores. Elas não implantam, enviam mensagens nem enviam gerações pagas.
  • O buscador de código-fonte rejeita redirecionamentos, ativos de origem cruzada, respostas superdimensionadas e cargas de código-fonte inválidas. A saída da ferramenta e o conteúdo de páginas de terceiros permanecem dados, não instruções de agente.
  • A inspeção de HTML aceita uma string de código-fonte limitada e nunca a executa. Verificações de ativo/dependência/procedência inspecionam declarações fornecidas; elas não leem arquivos locais arbitrários, baixam URLs arbitrárias, validam cadeias C2PA, executam um navegador, certificam acessibilidade nem estabelecem direitos legais de forma independente. Evidências ausentes permanecem não verificadas.
  • A licença MIT + Commons Clause do React Bits restringe a venda/redistribuição de seus componentes, pacotes e portas. Use-a como pesquisa de interação; exclua seu código-fonte desta biblioteca comercial de templates. Revise cada licença de mídia/fonte separadamente do código do repositório.

O SDK está fixado em sua linha de manutenção v1 e visa sua compatibilidade suportada com o protocolo MCP 2025-11-25. Nenhum suporte para uma revisão posterior do protocolo está implícito.

Verifique

npm test
npm run check
npm run capabilities

Os testes cobrem clientes reais de SDK stdio e HTTP Streamable, todo o comportamento das novas ferramentas, restrições de resposta/tamanho/origem de código-fonte, cálculos, geração de código, limites HTTP e consistência exata de metadados de capacidade. Shaders gerados e o scaffold de rolagem também foram verificados no Chrome durante o desenvolvimento.

npm run capabilities regenera seis guias de função e metadados estáticos de capacidade a partir do registro real de ferramentas, frontmatter de habilidades e definições de agente. npm run check falha se o JSON estiver desatualizado. Construtores de sites podem ler esse JSON diretamente sem instalar o SDK ou o Zod; seu objeto counts e as matrizes tools/skills/agents são a fonte para as contagens de capacidade exibidas. Ele descreve as capacidades do pacote, não a contagem atual de itens do catálogo separado.

O código de servidor/ferramenta/habilidade é licenciado sob MIT. Prompts de template da MotionVault, arte, ativos de marca, capturas de tela e código-fonte exportado têm a licença de projeto final da MotionVault; a licença de código não licencia a coleção de mídia. O pacote público contém metadados de catálogo e prompts de construção gratuitos. Prompts/código-fonte premium são recuperados somente após autorização. Ele não redistribui a biblioteca completa de ativos fotográficos/fílmicos. As licenças de fontes e dependências de terceiros permanecem próprias.

Construído pela MotionVault · Editora Like a King Inc. · Desenvolvedor Davidio