
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Inicio, Servicios, Precios con tres páginas de plan, Trabajos con seis casos de estudio, Sobre mí, Proceso, Contacto con formulario de brief, Términos y una página 404 diseñada
- El look característico: Schibsted Grotesk combinada con Newsreader Italic, un retrato recortado en tonos azules, un selector claro/oscuro funcional y una franja de píldoras que caen
- Casos de estudio con pantallas de producto dibujadas en marcos de teléfono y navegador, comparativas de planes, FAQ, filtros y búsqueda de trabajos, todo en un archivo que funciona sin conexión
Ideal para
- Diseñadores independientes que venden planes de precio fijo y quieren una primera impresión editorial y audaz
- Desarrolladores freelance, diseñadores de marca y consultores que pueden trasladar su oferta a servicios, planes y casos de estudio
- Quien quiera un sitio multipágina terminado que pueda abrir desde el disco o publicar hoy mismo como un único archivo
No es para
- Pagos o reservas reales: el formulario de brief y los botones de plan confirman en la página, y el envío real necesita tu propio backend
- Agencias con equipos grandes; el diseño gira en torno a una persona, un retrato y una voz
- Paletas apagadas o multicolor; el estilo es blanco, tinta y un único cobalto
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear página webCrear portafolio webEstilo fijadoResultado editableSerif editorialMonocromo cobaltoRetrato duotonoSelector claro/oscuroEtiquetas en píldora
Acerca de esta Skill

Convierte tus servicios, planes y proyectos en un sitio de diseñador que vende. El Hero te coloca dentro del titular: dos palabras serif en cursiva sobre una enorme palabra cobalto, partida por tu retrato en tonos azules, con una píldora en la cabecera que cambia de verdad entre claro y oscuro. Todo el sitio, de Servicios a Términos, llega como un único archivo que se abre sin conexión en cualquier navegador.

Lo que obtienes
- Inicio con una franja cobalto a todo lo ancho donde píldoras de servicio blancas caen y se amontonan, una cuadrícula de precios, trabajos seleccionados, una franja de proceso y testimonios
- Servicios con precios desde, Precios con una página por plan y una comparación lado a lado, y Trabajos con filtros, búsqueda y seis casos de estudio
- Casos de estudio que muestran pantallas de producto dibujadas en marcos de teléfono y navegador sobre la imagen de cada proyecto
- Sobre mí, Proceso, Contacto con un formulario de brief validado y franjas para llamadas de presentación, Términos y una página 404 diseñada
- Schibsted Grotesk y Newsreader Italic incrustadas junto con todas las imágenes, para que la página no haga ninguna petición de red

Cómo usarlo
- Dale a la Skill tu nombre, disciplina, las palabras del Hero, tus servicios, de dos a cuatro planes, algunos proyectos y tus datos de contacto.
- Rellena todas las páginas, redacta lo que falte con una voz segura en primera persona y te lista esos borradores para que los confirmes.
- Abre el archivo en ambos temas, recorre todas las páginas y pide cambios con tus propias palabras.

Tu retrato y cualquier imagen nueva de proyecto los aportas tú o la herramienta de imágenes de tu agente, que puede tener sus propios costos de uso.
Lo que necesitas antes de empezar
- Tú aportas
- Tu nombre, un logotipo de una sola palabra, tu disciplina, dos palabras en cursiva para el Hero y una palabra en cobalto · De seis a doce servicios con precios, y de dos a cuatro planes con precio, plazo y qué incluyen · Proyectos con cliente, rol, problema, enfoque y resultado, además de datos de contacto y disponibilidad
- Dependencias
- Node.js 18 o superior en la máquina de tu agente, para ejecutar el script incluido que genera el archivo único sin conexión · Acceso a internet mientras se genera el archivo, para descargar las fuentes una vez e incrustarlas · Una herramienta de imágenes en tu agente para tu retrato, las imágenes de proyectos y las fotos del estudio; opcional si aportas las tuyas
- Costos externos
- Las imágenes que no aportes se generan con la herramienta de imágenes de tu agente, que puede tener sus propios costos de uso. La Skill incluye fotos neutras de estudio, las pantallas de los casos de estudio se dibujan con código y la página final no hace peticiones de red. Ver el ejemplo no cuesta nada.
- Última prueba
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…









