Las Skills del CLI de Tiendanube, o Agent Skills, son instrucciones para agentes de programación con IA. Entre esos agentes están Claude Code, Cursor y Codex. Con ellas, el agente entiende cómo está armado un diseño de Tiendanube y usa los comandos correctos del CLI. Así, agencias y desarrolladores pueden editar diseños a partir de solicitudes en lenguaje natural.
Las Skills se usan junto con el CLI, por lo que primero necesitas tenerlo instalado. Puedes ver cómo hacerlo en el tutorial para instalar y utilizar el CLI de Tiendanube para editar diseños.
¿Qué problema me resuelven las Skills al editar un diseño con IA?
Entre imaginar un diseño y entregarlo hay mucho trabajo de código. Un agente de programación con IA puede ayudar con esa tarea, pero necesita conocer cómo funcionan los diseños de Tiendanube.
Las Skills le dan ese contexto. Con ellas instaladas, el agente identifica a qué familia pertenece el diseño de una tienda: basado en secciones, como Ipanema, o clásico legacy.
También sabe qué archivos se pueden enviar sin hacer un fork, o copia aislada del diseño, y qué implica hacerlo. Con esa información ejecuta los comandos correctos del CLI en lugar de adivinar.
¿Cómo funcionan las Skills cuando le hago una solicitud al agente?
Las Skills vienen incluidas dentro del CLI, así que no hay que descargar nada por separado. Un único comando del CLI las vincula a los agentes de programación con IA que tengas instalados en tu computadora.
Después, no hace falta mencionar las Skills en tus solicitudes. El agente carga la que corresponde según la tarea. Por ejemplo, ante la solicitud "agrega una sección de banner a mi diseño", lee las Skills que aplican. Luego ejecuta los comandos necesarios.
En un diseño basado en secciones, como Ipanema, el agente descarga el diseño y edita las secciones. Luego envía los cambios a una copia aislada del diseño. Después prepara un link de vista previa para revisar el resultado antes de publicarlo.
Helpjuice Success Callout Title
En los diseños clásicos legacy, que se editan por FTP, cada envío va directo a la tienda en vivo. La vista previa antes de publicar está disponible en los diseños basados en secciones, como Ipanema.
Puedes partir de una referencia visual. El agente puede tomarla de una URL, un archivo HTML o una captura de pantalla. A partir de ella, recrea ese diseño como secciones del diseño de tu tienda. Las Skills no se integran con herramientas de diseño: la referencia llega siempre a través del agente.
¿Qué ventajas tengo al usar las Skills en mis proyectos de diseño?
Usar las Skills junto con el CLI tiene estas ventajas para agencias y desarrolladores:
- Contexto correcto desde el inicio: el agente conoce la estructura de los diseños de Tiendanube y no depende de instrucciones largas en cada solicitud.
- Revisión antes de publicar: en los diseños basados en secciones, el resultado se revisa en una versión de prueba antes de salir en vivo.
- Foco en la dirección creativa: el agente ejecuta los cambios en el código y quien lidera el proyecto define hacia dónde va el diseño.
- Instalación sin descargas aparte: las Skills vienen en el CLI y, por defecto, se actualizan cuando actualizas el CLI.
- Compatibilidad con varios agentes: funcionan con agentes como Claude Code, Cursor y Codex, entre otros.
¿Para qué proyectos puedo usar las Skills y qué puedo pedirle al agente?
Estos son algunos proyectos en los que puedes usar las Skills, con una solicitud de ejemplo para cada uno. Reemplaza los datos entre corchetes por los de tu proyecto.
- Adaptar el diseño a una campaña: propuestas para Black Friday, Navidad y otras fechas, con cambios en toda la tienda dentro de una versión de prueba. Por ejemplo: "Adapta el diseño completo de mi tienda para el Black Friday: home con banner destacado, sección de ofertas y los colores de la campaña."
- Pasar de un diseño anterior a Ipanema: el agente ayuda a adaptar el aspecto de una tienda a Ipanema, el diseño más moderno de Tiendanube. Por ejemplo: "Migra mi tienda del diseño Rio a Ipanema, manteniendo los colores, la tipografía y la organización de las páginas."
- Recrear una tienda de otra plataforma: el aspecto de la tienda de origen sirve de referencia para recrear la identidad de la marca en Tiendanube. Por ejemplo: "Quiero migrar mi tienda de Shopify a Tiendanube. Usa la tienda [dirección de la tienda] como referencia para recrear la home y las páginas de producto."
- Tomar referencias de otras tiendas: layouts y componentes de otras tiendas inspiran nuevas experiencias, y el agente adapta las ideas a tu diseño. Por ejemplo: "Me gustó el carrusel de productos de la tienda [dirección de la tienda]. Crea un carrusel parecido en la home de mi tienda, adaptado a mi diseño."
Para instalar las Skills, ver la lista completa y resolver problemas, puedes consultar la documentación técnica de las Skills del CLI. Para conocer los comandos que el agente ejecuta en cada paso, puedes ver cómo editar, previsualizar y publicar un diseño con el CLI.