Una landing page a partir de un prompt
Describe tu producto. La Skill ya incluye el Hero, la cuadrícula de funciones, los precios y las FAQ, así que el agente escribe tus textos en una maquetación que funciona.
Una landing page o un sitio completo · Una sección para tu sitio actual · Un portafolio o currículum
Skills de plantillas web para agentes de IA
Cada Skill es un diseño web probado. Instálala, describe tu producto y Claude Code, Codex o Cursor crea la landing page, el portafolio o el sitio completo como HTML funcional.
Funciona en
Elige una Skill de diseño web para empezar
Lo que una Skill de diseño web le da a tu agente
Cada Skill de diseño para Claude de esta página es una carpeta de instrucciones, referencias de maquetación y comprobaciones. Tu agente la carga cuando le pides una página, así que las decisiones de diseño ya están tomadas.
Plantillas que se mantienen coherentes
Los portafolios, los sitios SaaS y las tiendas online mantienen la misma tipografía, espaciado y animación en cada página que añades.
Diseño web que se entrega como código
Cada ejecución termina en un archivo HTML que puedes abrir, editar y desplegar. Claude Code, Codex y Cursor leen el mismo SKILL.md.
Encuentra Skills de diseño web para tu rol
Cada página de rol selecciona las Skills que mejor encajan con ese trabajo.
DiseñadorUn sistema de diseño que tu agente repite, para que tú te ocupes de los detalles.
FundadorSitios de producto, pitch decks y videos de lanzamiento antes de la primera contratación.
Creador de contenidoPortadas, tarjetas para redes y superposiciones para videos de presentador a cámara con tu estilo.
Profesional de marketingPáginas de campaña, videos de lanzamiento e imágenes para redes a partir de un solo brief.Cómo crear un sitio web con una Skill
Tres pasos en Claude Code, Codex o Cursor. Sin necesidad de apps de diseño.
- 1
Pega el prompt de instalación
Copia el prompt de instalación en tu agente o ejecuta el comando de abajo. La Skill se guarda en la carpeta de skills de tu agente.
npx skillry-cli@latest install bs-scrapbook-resume-site - 2
Llámala con una barra
Escribe una barra y el nombre de la Skill, y luego di lo que quieres con tus propias palabras.
/bs-scrapbook-resume-site Crea una landing page responsive a partir de este brief, los textos y el kit de marca. - 3
Revisa y entrega
Abre el archivo que ha creado, pide cambios en el mismo chat y luego publícalo o entrégalo.
index.html
¿Por qué usar una Skill de diseño web en lugar de un prompt?
| Aspecto | Un prompt a secas | Una Skill |
|---|---|---|
| Maquetación | Se reinventa en cada ejecución | Un Hero, una cuadrícula y un pie de página probados |
| Tipografía | Fuentes del sistema por defecto | Una escala tipográfica y una combinación de fuentes elegidas |
| Coherencia | Cada página tiene un aspecto distinto | Cada página sigue un mismo sistema |
| Resultado | Lo que escriba el modelo | Un archivo HTML revisado, listo para abrir |
Todas las Skills, un solo plan
Instala cualquier Skill de esta página y todas las nuevas que añadamos. Cancela cuando quieras.
Cancela cuando quieras
Mensual
9,99 US$ / mes
Acceso Premium completo, con facturación mensual.
- Acceso a todas las Skills Premium
- Instala desde la web o la CLI
- Acceso seguro por CLI autorizado en el navegador
- Actualizaciones continuas de Skills
- Nuevas Skills Premium incluidas
- Cancela cuando lo necesites
Ahorra un 34% al año
El más popularAnual
79 US$ / año
Acceso Premium completo a un precio anual más bajo.
- Acceso a todas las Skills Premium
- Instala desde la web o la CLI
- Acceso seguro por CLI autorizado en el navegador
- Actualizaciones continuas de Skills
- Nuevas Skills Premium incluidas
- Cancela cuando lo necesites
Pago único · Precio fundador
Oferta fundadorVitalicio fundador
169 US$ pago único
Precio fundador: sube a medida que crece la biblioteca.
- Acceso a todas las Skills Premium
- Instala desde la web o la CLI
- Acceso seguro por CLI autorizado en el navegador
- Actualizaciones continuas de Skills
- Nuevas Skills Premium incluidas
- Sin suscripción ni cargos de renovación
Cancela cuando quieras. Los pagos son no reembolsables.
Preguntas frecuentes sobre Skills de Diseño web
¿Qué es una Skill de diseño web?
Una carpeta con un SKILL.md, referencias de maquetación y comprobaciones que enseña a tu agente de IA un diseño web probado. El agente la carga cuando le pides una página.
¿Puede Claude Code crear un sitio web con una Skill?
Sí. Instala la Skill en Claude Code, describe el sitio y escribirá el HTML siguiendo la maquetación de la Skill. Codex y Cursor funcionan igual.
¿Recibo HTML, React o un archivo de Figma?
La mayoría de las Skills de diseño web entregan un archivo HTML funcional. Algunas también indican en su página de detalle una salida en Next.js o en componentes; ninguna entrega un archivo de Figma.
¿Las plantillas de sitios web son gratis?
Algunas sí. Las Skills gratis llevan la etiqueta Gratis; el resto están incluidas en Pro o se pueden comprar una a una.
Explora otros casos de uso
Encuentra la Skill adecuada para tu próximo sitio web
Landing pages, portafolios y sitios completos que crea tu agente.
Explorar todas las Skills