Así funciona ai-design-skills, la skill gratis que crea tu landing page con IA
ai-design-skills es un repositorio gratuito en GitHub, bajo licencia MIT, que convierte a Claude Code, Cursor o Codex en un diseñador de páginas de ventas.
La skill gratuita de GitHub que convierte a tu asistente de IA en diseñador de páginas de ventas
ai-design-skills es un repositorio gratuito en GitHub, bajo licencia MIT, que convierte a Claude Code, Cursor o Codex en un diseñador de páginas de ventas.
En GitHub apareció ai-design-skills, un repositorio gratuito que le enseña a Claude Code, Cursor o Codex a diseñar una landing page completa: desde las preguntas de intake hasta el copy que vende, pasando por tipografía, espaciado y animaciones.
En resumen
ai-design-skills es un repositorio gratuito en GitHub, publicado bajo licencia MIT, que incluye la skill landing-page-design: arma una landing page de principio a fin dentro de Claude Code, Cursor o Codex. Está disponible hoy mismo, aunque por ahora solo tiene lista esa skill; el resto de la colección sigue en camino.
- Licencia MIT: usas, modificas y vendes el resultado sin pagar por el código
- Solo está lista la skill landing-page-design; el resto llegará después
- Funciona en Claude Code, Cursor, Codex, Windsurf y Claude.ai
¿Qué es ai-design-skills?
ai-design-skills es un repositorio público en GitHub, creado por el desarrollador identificado como elayadesign, descrito en su propio README como «una colección creciente de skills de diseño para herramientas de IA de código: Claude Code, Cursor, Codex, Windsurf, y cualquier otra que lea un archivo de reglas en markdown».
Cada skill es una carpeta independiente que se instala por separado. Hoy el repositorio acumula 10.9 mil estrellas, 774 forks y 40 watchers, con 2 issues abiertos, 5 pull requests activos y 8 commits en su historial, según la propia página del proyecto.
Un crecimiento acelerado
Según las cifras compartidas cuando se difundió este tema, el repositorio llegó a sumar 1,395 estrellas en un solo día hasta acumular 10,863 en total, un ritmo que coincide con las «10.9k stars» que hoy muestra GitHub.
Qué hace exactamente la skill landing-page-design
Por ahora, landing-page-design es la única skill lista dentro de la colección. Según el README del proyecto, construye una landing page desde cero: hace preguntas de intake, define la estructura de la página, escribe el copy de conversión y entrega un sistema visual completo con tipografía, espaciado, radios y movimiento.
| Skill | Qué hace |
|---|---|
| landing-page-design | Arma la landing page desde cero: preguntas de intake, estructura de página, copy de conversión y sistema visual (tipografía, espaciado, radios y movimiento). |
De dónde viene parte del diseño
El propio README reconoce que landing-page-design adapta ideas de realismo de contenido y de movimiento del proyecto Leonxlnx/taste-skill, de Leon Lin, también publicado bajo licencia MIT.
Cómo instalarla en Claude Code, Cursor o Codex
La instalación es copiar un archivo de texto a la carpeta de reglas que usa cada herramienta. En Claude Code, el propio README indica estos tres comandos:
mkdir -p .claude/skills git clone https://github.com/elayadesign/ai-design-skills.git \ /tmp/ai-design-skills cp -r /tmp/ai-design-skills/skills/landing-page-design .claude/skills/
En Cursor, el README ofrece dos rutas: descargar el archivo SKILL.md de la skill a .cursor/rules/, o simplemente pegar su contenido en Settings → Rules for AI.
| Herramienta | Dónde va el archivo SKILL.md |
|---|---|
| Codex | AGENTS.md |
| Windsurf | .windsurfrules |
| Cline | .clinerules |
| Otra herramienta genérica | Se pega directo en el system prompt |
| Claude.ai (sin terminal) | Se descarga y se sube a un Project, o se adjunta al chat |
Elige la skill
Por ahora la única disponible es landing-page-design, según la tabla del README.
Copia el archivo a tu herramienta
Usa la ruta que corresponda: .claude/skills/, .cursor/rules/, AGENTS.md, .windsurfrules o el system prompt.
Pide en lenguaje natural lo que la skill cubre
El README lo resume así: simplemente pide, en lenguaje llano, lo que esa skill hace.
Cuánto cuesta y qué licencia tiene
Licencia MIT
El propio repositorio lo resume así: «Úsala, haz un fork, lánzala, vende lo que construyas con ella. No se necesita dar crédito». No hay costo por el código ni por usarlo comercialmente.
El código es gratis, correrlo no siempre
La skill no pide tarjeta de video ni servidor propio: es un archivo de texto que lee tu asistente de código. Pero para usarla con resultados consistentes conviene tener una cuenta de pago en Claude o Cursor, y conviene pedirle explícitamente que responda en español.
Qué cambia para negocios en México y Latinoamérica
El ahorro no está en el precio del repositorio —es gratis—, sino en el tiempo de diseño que una agencia, un negocio local o cualquier dueño de una página ya no tiene que pagar o resolver desde cero.
Agencias digitales
Una agencia puede usar landing-page-design para armar las landing pages de sus clientes sin contratar a un diseñador para esa parte del trabajo.
Negocios locales
Un negocio puede ofrecer, como servicio propio, una «página en un día»: landing page lista en una sola jornada apoyándose en la skill.
Quien ya tiene su página
Según el propio README, los valores de diseño (tipografía, color, espaciado, movimiento) viven en una sola sección del archivo de la skill; se edita esa parte y el resto se ajusta solo.
En qué punto está ai-design-skills
ai-design-skills ya está disponible, gratis, en GitHub: cualquiera puede clonarla o descargarla hoy mismo e instalarla en minutos. Lo que no está terminado es la colección completa: el README describe el proyecto como «una colección creciente» y, de las skills planeadas, solo landing-page-design está lista; el resto, en palabras del propio repositorio, «está en camino», sin fecha anunciada.
El repositorio en números
Cifras tomadas directamente de la página del repositorio en GitHub al momento de escribir este artículo.
¿Cuánto cuesta usar ai-design-skills?
Es gratis: el código se publica bajo licencia MIT, así que no se paga nada por descargarlo, modificarlo o vender lo que se construya con él. Lo que sí puede tener costo es la cuenta de Claude o Cursor desde la que se ejecuta.
¿Necesito tarjeta de video o servidor propio para usarla?
No. La skill es un archivo de texto con instrucciones que lee tu asistente de código; no requiere hardware adicional.
¿Qué herramientas de IA pueden usar esta skill?
Según el README, funciona en Claude Code, Cursor, Codex, Windsurf, Cline, Claude.ai y, en general, cualquier herramienta que lea un archivo de reglas en markdown.
¿Ya está lista para usarse o sigue en desarrollo?
Está lista para usarse hoy mismo en GitHub, pero por ahora solo incluye una skill terminada, landing-page-design; el resto de la colección anunciada sigue en camino, según el propio repositorio.
¿Puedo vender las páginas que haga con esta skill?
Sí, la licencia MIT lo permite explícitamente: se puede usar, modificar y vender lo que se construya, sin pedir permiso ni dar crédito.
¿Sirve si ya tengo una landing page hecha?
Sí: el README explica que los valores de diseño (tipografía, color, espaciado, movimiento) de cada skill viven en una sola sección del archivo, y que basta editar esa parte para que el resto se ajuste automáticamente.
¿Quieres una landing page lista con IA y revisada por humanos?
En Zadrig Technology combinamos este tipo de herramientas con criterio de diseño y conversión real para negocios en México y Latinoamérica. Agenda una demostración y te mostramos cómo aplicarlo a tu caso.
Escríbenos por WhatsApp
