No es otro generador de archivos
Muchos servidores MCP pueden escribir un archivo SVG. Eso es una sola llamada sin retroalimentación: el modelo adivina las coordenadas y luego tú abres el resultado en otro lado para descubrir qué salió mal. El servidor de Rayzia le da al agente un ciclo completo de observar y actuar. get_state lee la escena: la selección, el id y el cuadro delimitador de cada objeto, las pinturas, la herramienta activa y la vista actual. get_render devuelve un PNG del lienzo para que el modelo pueda ver su propio trabajo.
Como las acciones pasan por el motor real, el agente no se limita a emitir marcado. Coloca texto sobre un trazado, aplica deformaciones de envolvente, vierte degradados y ejecuta los mismos efectos de trazado en vivo que aplicarías a mano. Cada verbo semántico es un solo paso de deshacer, y un lote de pasos queda como un solo deshacer, así que un movimiento equivocado se corrige con un Ctrl+Z.
El ciclo también funciona a la inversa. El panel de Asistente de IA del editor tiene un proveedor Claude Code (local): los prompts que escribes ahí llegan al agente mediante wait_for_prompt, y el panel narra cada operación en vivo mientras el agente trabaja. Al terminar, publica una respuesta breve con reply_to_user.
Las herramientas
Doce herramientas cubren todo el ciclo. get_catalog es el mapa: devuelve los verbos semánticos con sus esquemas de parámetros, 533 comandos crudos, 69 efectos y 57 herramientas, para que el agente descubra lo que el editor puede hacer en vez de alucinar una API.
| Herramienta | Qué hace |
|---|---|
get_catalog | Descubre todo lo que expone el editor: verbos semánticos con esquemas de parámetros, 533 comandos crudos, 69 efectos y 57 herramientas. Llámala primero. |
get_state | Lee la escena actual: la selección, todos los objetos (recorriendo los grupos) con ids, cuadros delimitadores y pinturas, además de la herramienta activa, el tamaño del documento y la vista. |
run_verb | Verbos de alto nivel para formas, texto, degradados, fusiones, deformaciones, unos 200 efectos de trazado en vivo y más. Cada verbo es un paso de deshacer; un lote se ejecuta en un solo viaje como un solo deshacer. |
search_assets | Busca en el catálogo de Rayzia (gráficos, iconos, fotos, plantillas) con la misma búsqueda y el mismo orden que el panel de biblioteca. Filas pequeñas, sin la obra, así que gasta pocos tokens. |
preview_assets | Una sola hoja de contactos en PNG con hasta 36 elementos del catálogo, para que el modelo mire antes de elegir. |
place_asset | Coloca un elemento del catálogo en un recuadro exacto como objeto real y editable, con un paso de deshacer. Los elementos premium requieren Pro o la prueba de 14 días. |
draw | Dibuja con una herramienta real mediante entrada sintética: trazados de Pluma o trazos a mano alzada, con teclas modificadoras para recortes de shape-builder y ediciones de malla. |
run_command | Vía de escape: ejecuta cualquier comando crudo del motor por su nombre. Las operaciones de archivo y de documento están bloqueadas en el límite del motor. |
get_svg | Exporta el documento actual como una cadena SVG segura para ida y vuelta. |
get_render | Renderiza el lienzo a un PNG para que el modelo pueda ver su propio trabajo. Con mark, solo el área de ese mark y lo que la rodea, sin mover la vista de la persona. |
wait_for_prompt | Espera en long-poll el siguiente prompt que el usuario escriba en el panel de Asistente de IA del editor. |
reply_to_user | Publica una respuesta breve del asistente en ese panel. |
get_marks | Agent Marks: las áreas numeradas que dibujó la persona, en orden. Cada una trae su nota, su estado, su tarea, su área en las mismas coordenadas que tus comandos de dibujo y, en un mark de edición, los únicos objetos que puede cambiar. |
set_mark_status | Indica en qué punto está un mark. Pon doing antes de trabajar en uno, en orden y de uno en uno. |
report_mark | Cierra un mark y cuenta qué hiciste, o por qué falló. La respuesta incluye cualquier aviso sobre lo que cambió respecto a su área. |
add_mark | Coloca un mark tú mismo. Se ve igual que el de una persona y te nombra en su segunda línea. |
update_mark | Cambia la nota, la herramienta, el estilo o la tarea de un mark, o qué objetos puede cambiar. |
remove_mark | Elimina un mark. |
reorder_marks | Fija el orden de los marks. |
undo_mark | Deshace el trabajo de un mark como un único paso nuevo de deshacer. Se rechaza, nombrando el mark, cuando un mark posterior tocó el mismo objeto. |
finish_marks | El trabajo está terminado: la obra se queda y los marks se borran, salvo que la persona lo haya desactivado. |
Con Agent Marks, la persona le encarga el trabajo a tu agente dibujando áreas en el lienzo en lugar de escribir un prompt. Una ejecución llega por wait_for_prompt con sus marks. Después de cada comando, Rayzia compara lo que cambió con el área que te dio el mark: salirte del borde y cambiar algo que el mark no te dio se avisan al instante, en la respuesta a ese comando y en el lienzo de la persona, y la persona puede deshacer ese cambio por separado. No se recorta nada y no se bloquea nada. Los marks nunca llegan al documento, a una exportación ni a un enlace para compartir.
Inicio rápido: conecta Claude Code en cinco pasos
- Abre el panel de IA. En el editor en rayzia.com/editor/, abre el panel de Asistente de IA y haz clic en el engranaje de ajustes.
- Elige Claude Code (local). Selecciónalo en la lista de proveedores; este proveedor no necesita clave de API.
- Copia el SKILL.md. El panel genera un skill con el servidor completo incrustado, más el token de capacidad de tu navegador y el puerto del puente; cópialo o descárgalo y entrégaselo a Claude Code.
- Deja que Claude Code registre el servidor. Guarda el archivo del servidor y lo agrega como servidor MCP:
claude mcp add rayzia \ --env AI_MCP_PORT=<port> --env AI_MCP_TOKEN=<token> \ -- node /absolute/path/to/rayzia-mcp-server.mjs - Haz clic en Conectar. El punto de estado se pone verde; escribe directamente en Claude Code, o chatea desde el panel pidiéndole a Claude Code que escuche los prompts del panel de Rayzia.
El servidor es un solo archivo, de código abierto en github.com/RayziaOfficial/rayzia-mcp. Otros clientes MCP lo usan mediante una entrada estándar .mcp.json :
{
"mcpServers": {
"rayzia": {
"command": "node",
"args": ["/absolute/path/to/rayzia-mcp-server.mjs"],
"env": { "AI_MCP_PORT": "8765", "AI_MCP_TOKEN": "<token>" }
}
}
}Local por diseño
El servidor es un único archivo de Node sin dependencias de npm (solo módulos integrados de Node 16+), y se enlaza a 127.0.0.1, así que nunca es accesible desde fuera de tu máquina. Cada operación lleva un token de capacidad generado una vez por navegador, y el editor rechaza cualquier operación con un token que no coincida, de modo que un proceso local malicioso que ocupe el puerto no puede manejar tu lienzo.
Las operaciones de archivo y de documento (guardar, abrir, nuevo e importar) están bloqueadas en el límite del motor. Conectarse es opcional desde el lado del editor, y también funciona con el editor https desplegado: el puente responde al preflight de Private Network Access de Chrome para que la página pueda alcanzar el servidor en loopback.
Si quieres vectores hechos con IA sin la fontanería de desarrollador, el asistente integrado en el editor lo cubre con tu propia cuenta de Claude o GPT: mira el generador de SVG con IA.
MCP de Rayzia: preguntas frecuentes
¿Funciona con Claude Code y otros clientes MCP?
Sí. El flujo dentro de la app está construido en torno a Claude Code: el editor genera un SKILL.md y Claude Code registra el servidor con un solo comando claude mcp add . Cualquier cliente MCP que hable JSON-RPC por stdio puede usar el mismo servidor mediante una entrada estándar .mcp.json .
¿Es seguro dejar que un agente maneje mi editor?
El servidor se enlaza solo a 127.0.0.1, y el editor verifica un token de capacidad por navegador en cada operación, así que otro proceso local no puede controlar el lienzo. Las operaciones de archivo y de documento (guardar, abrir, nuevo e importar) están bloqueadas en el límite del motor, y la conexión solo existe después de que haces clic en Conectar.
¿Las ediciones de la IA siguen siendo editables y se pueden deshacer?
Sí. El agente trabaja en el mismo documento con el mismo motor, así que todo lo que crea es arte vectorial normal que puedes seguir editando. Cada verbo semántico es un paso de deshacer, y un lote queda como un solo deshacer, de modo que Ctrl+Z funciona igual que con tus propias ediciones.
¿Cuesta algo extra?
Nada más allá de Pro. Agent Connect es parte de Pro, $8 al mes o $72 al año, y la prueba de 14 días lo incluye. El agente corre en tu propia cuenta: Claude Code se ejecuta en tu máquina con tu propio plan.