将Claude连接到HyperCodeMotion，一个数据驱动动态图形编辑器。Claude负责设计动画;这个连接器会检查动画，并将其转化为你在HyperCodeMotion Studio中打开的.hcmotion项目，你可以更改文本、颜色、时间安排和排序，而不是让AI重新生成所有内容。

• MCP 端点： https://mcp.hypercodemotion.com/mcp（远程、可流式 HTTP）
• 认证： 无。该服务没有账户，也不会读取你Claude账户的数据。
• 工作室： app.hypercodemotion.com

在克劳德身上使用它

1. 在 Claude 中，打开 设置→连接器，选择 添加自定义连接器。
2. 命名为HyperCodeMotion，并粘贴到https://mcp.hypercodemotion.com/mcp。
3. 在聊天中，从工具菜单打开连接器。
4. 请求动画，或粘贴从 HyperCodeMotion Studio（“Crear con IA” → “Generar prompt”）复制的提示词。
5. Claude 回复了两个链接：

• 打开：直接在 HyperCodeMotion Studio 中打开项目。
• 下载：.hcmotion文件，您也可以从Studio主屏幕（«Cargar proyecto»）打开。

这两个链接在创建后24小时后失效。

HyperCodeMotion MCP

Connect Claude to HyperCodeMotion, an editor for data-driven motion graphics. Claude designs the animation; this connector checks it and turns it into a .hcmotion project you open in HyperCodeMotion Studio, where you change texts, colors, timing and order yourself instead of asking the AI to regenerate everything.

• MCP endpoint: https://mcp.hypercodemotion.com/mcp (remote, streamable HTTP)
• Authentication: none. The service has no accounts and reads no data from your Claude account.
• Studio: app.hypercodemotion.com

Use it in Claude

1. In Claude, open Settings → Connectors and choose Add custom connector.
2. Name it HyperCodeMotion and paste https://mcp.hypercodemotion.com/mcp.
3. In a chat, turn the connector on from the tools menu.
4. Ask for an animation, or paste a prompt copied from HyperCodeMotion Studio («Crear con IA» → «Generar prompt»).
5. Claude replies with two links:
   • Open: opens the project directly in HyperCodeMotion Studio.
   • Download: the .hcmotion file, which you can also open from the Studio home screen («Cargar proyecto»).

Both links expire 24 hours after they are created. Save the project from Studio (Archivo → Guardar proyecto) to keep it.

Example prompts

• “Create a 15-second vertical launch video for Nimbus, a note-taking app with AI, and give me the HyperCodeMotion project.”
• “Make a 10-second explainer with three steps for brewing pour-over coffee, 16:9, and package it for HyperCodeMotion.”
• “Which layer types and effects does HyperCodeMotion support?”

Install the skill (recommended)

The connector only checks and packages a project. The HyperCodeMotion skill is what makes Claude ask for the canvas size, plan scenes and transitions, and follow the design guidance (typography, HTML scenes, motion, validation). A skill is a separate install: connecting the connector does not add it, and the connector cannot install it for you. Install both.

Download: hypercodemotion-skill.zip (a rolling release, rebuilt from main by .github/workflows/release-skill.yml; its SHA256SUMS is next to it), or build it yourself from this repository (see Build the ZIP).

claude.ai (web) and Claude Desktop

1. Turn on Code execution and file creation in Settings → Capabilities (skills need it; the setting is called Create and edit files in the newer layout).
2. Open Customize → Skills, click +, then + Create skill, then Upload a skill.
3. Choose hypercodemotion-skill.zip. The skill appears in the list; make sure its toggle is on.
4. In a new chat, turn on the HyperCodeMotion connector as well and ask for a video. Claude should ask for the canvas size first (1080×1920, 1080×1080, 1080×1350, 1920×1080 or custom).