Usa Charmotion desde tu asistente de IA
Conecta Claude, Cursor, VS Code o Codex a Charmotion. Diseña un personaje o un logo con IA, conviértelo en un set de personaje o en una animación de logo y añádelo a tu app sin salir del chat.
URL del servidor
https://charmotion.app/mcp
Es un servidor MCP remoto (Streamable HTTP). No hay clave de API: cuando una herramienta necesita tu cuenta, tu asistente abre charmotion.app, inicias sesión con un código de un solo uso que te llega por correo y apruebas lo que puede hacer.
Qué puede hacer
Los mismos dos pasos que Crear en la app. Primero, qué animar: un personaje se convierte en un set de personaje y un logo en una animación de logo. Después, ¿ya lo tienes? Tu asistente puede diseñarlo primero con IA o usar tu imagen.
| Herramienta | Qué hace | Cuenta necesaria |
|---|---|---|
| Gratis, sin cuenta | ||
preview_character_animation | Crea un video de vista previa gratis y con marca de agua de tu personaje animado. | Ninguna, gratis |
get_preview | Revisa una vista previa y devuelve el video cuando está listo. | Ninguna, gratis |
find_animation_guide | Busca en las guías de Charmotion sobre Rive, Lottie, splash screens y cómo agregar animación a apps y sitios web. | Ninguna, gratis |
| Diseñar con IA | ||
design_character | Diseña un personaje original a partir de tu descripción, arquetipo, estilo, personalidad y colores. Usa un diseño con IA. | Cuenta conectada |
design_logo | Diseña un logo para tu propia marca a partir de su nombre, a qué se dedica, el tipo de logo, la sensación y los colores. Usa un diseño con IA. | Cuenta conectada |
retry_design | Crea otra versión con las mismas respuestas, como Intentar de nuevo. Usa un diseño con IA. | Cuenta conectada |
get_design | Muestra el estado de un diseño y su imagen cuando está listo. | Cuenta conectada |
list_designs | Lista tus diseños de personajes y logos. | Cuenta conectada |
| Sets de personaje | ||
create_character_set | Inicia un set de personaje a partir de un diseño de personaje o de una imagen. Usa un set de personaje de tu plan. | Cuenta conectada |
get_expressions | Muestra las expresiones creadas para tu personaje antes de que se genere su set, con la imagen de la hoja. | Cuenta conectada |
approve_expressions | Guarda qué expresiones usar (o solo tu dibujo). Después se genera el set. | Cuenta conectada |
regenerate_expressions | Crea expresiones nuevas, hasta 2 veces por set. | Cuenta conectada |
get_character_set | Muestra el progreso de un set, o sus archivos con enlaces de descarga y notas de integración para tu asistente de código. | Cuenta conectada |
list_character_sets | Lista tus sets de personajes y su estado. | Cuenta conectada |
export_videos | Exporta los videos de un set (MP4, GIF, WebM y MOV transparentes, 9:16) en alrededor de un minuto. No usa un set. | Cuenta conectada |
| Animaciones de logo | ||
start_motion | Propone tres conceptos para una animación de logo (hero de web o inicio de app) a partir de un diseño de logo o de una imagen. Gratis. | Cuenta conectada |
build_motion | Genera el concepto que elijas. Consume una animación de logo de tu plan. | Cuenta conectada |
get_motion | Muestra los conceptos o el progreso de generación de una animación de logo y luego su vista previa en vivo, el código y los enlaces de descarga. | Cuenta conectada |
refine_motion | Aplica tus cambios a una animación de logo terminada. Consume uno de sus ajustes. | Cuenta conectada |
| Cuenta | ||
get_account | Muestra la cuenta conectada, su plan y lo que te queda: sets de personaje, animaciones de logo y diseños con IA. | Cuenta conectada |
Las vistas previas y las guías funcionan sin cuenta. Los conceptos de logo, las expresiones y las exportaciones de video son gratis con una cuenta iniciada. Los diseños con IA, los sets de personaje y las generaciones de animaciones de logo usan tu plan actual de Charmotion, y tu asistente pregunta antes de cada uno; los planes se gestionan en charmotion.app.
Qué pedirle
- Diseña una mascota de nube simpática para mi app del tiempo y luego crea su set de animación.
- Anima mi logo como animación de inicio para mi app de iOS. Debe transmitir calma y calidad premium.
- Añade mi personaje de Charmotion Puff a esta app de React.
- Exporta videos MP4 y WebM transparentes de mi set más reciente.
- ¿Cuántos sets de personaje y diseños con IA me quedan?
Antes de generar un set de personaje, Charmotion crea expresiones a juego que tu dibujo no muestra (una sonrisa tranquila, triste, bocas hablando, dormido). Tu asistente te las muestra y te pregunta cuáles usar. Para saltarte la pregunta, pídele que use todas.
Cuando un set está listo, tu asistente recibe sus notas de integración (el mismo AI_README que el panel Insértalo de la página del set), para que un asistente de código añada el personaje a tu app con el archivo adecuado para tu plataforma.
Configúralo
Claude (claude.ai, Claude Desktop)
- Abre Settings, luego Connectors, y elige Add custom connector.
- Ponle el nombre Charmotion y pega la URL del servidor de arriba.
- Haz clic en Connect, inicia sesión en charmotion.app y permite el acceso.
Claude Code
claude mcp add --transport http charmotion https://charmotion.app/mcp
Luego ejecuta /mcp dentro de Claude Code, elige charmotion e inicia sesión.
Cursor
Agrega esto a ~/.cursor/mcp.json:
{
"mcpServers": {
"charmotion": { "url": "https://charmotion.app/mcp" }
}
}
Abre la configuración de MCP de Cursor y usa el botón de inicio de sesión junto a charmotion.
VS Code (GitHub Copilot)
Agrega esto a .vscode/mcp.json en tu proyecto:
{
"servers": {
"charmotion": { "type": "http", "url": "https://charmotion.app/mcp" }
}
}
Inicia el servidor desde el enlace que aparece encima de él en el archivo y permite el inicio de sesión cuando VS Code lo pida.
Codex CLI
codex mcp add charmotion --url https://charmotion.app/mcp
codex mcp login charmotion
Otros asistentes
Cualquier cliente MCP que admita servidores remotos e inicio de sesión con OAuth puede usar la URL del servidor de arriba. Charmotion para ChatGPT llegará pronto.
Compartir tu imagen
¿Aún no tienes imagen? Pide a tu asistente que diseñe una con IA. Para usar la tuya, ten en cuenta que la mayoría de los asistentes todavía no pueden pasar un archivo adjunto a una herramienta: comparte en su lugar un enlace https público a la imagen (PNG, JPEG o WebP, de al menos 512 px y hasta 10 MB; los logos también pueden ser SVG). Funciona mejor un dibujo plano, de frente y sobre un fondo liso. No se admiten fotos de personas reales, personajes existentes ni marcas conocidas.
Privacidad y límites
- Tu asistente envía solo lo que necesita una herramienta: el enlace de la imagen, tus respuestas de diseño, el nombre del personaje, tus elecciones de expresiones y de animación de logo o una búsqueda de guías. Nunca recibimos tu chat.
- Las vistas previas gratis llevan marca de agua, se limitan a unas pocas al día y se eliminan en 24 horas.
- Conectar una cuenta es opcional. Puedes desconectar cualquier asistente en Cuenta, luego Apps conectadas.
Los detalles están en la Política de privacidad.