
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- 22 páginas conectadas: inicio, índice de trabajos, cuatro casos de estudio, servicios con tres páginas de detalle, sobre mí, experiencia, un journal con cuatro artículos, contacto, FAQ, newsletter, privacidad y 404
- El estilo doodle: titulares en Young Serif, texto en Figtree, notas a mano en Kalam, una mancha lila para el retrato, cinta, flechas y subrayados que se dibujan una sola vez
- Piezas que funcionan: una calculadora de precios, filtros de trabajos con búsqueda y ordenación, pestañas de vista previa en los casos de estudio, un carrusel de testimonios, pestañas de FAQ y formularios validados, en un único archivo sin conexión
Ideal para
- Desarrolladores front-end y diseñadores de producto que quieren un portafolio con personalidad en lugar de una plantilla oscura
- Pequeños estudios, ilustradores y creadores de productos indie que pueden encajar su trabajo en casos de estudio, servicios y notas
- Freelancers que quieren mostrar precios y proceso desde el principio y recibir consultas mejor cualificadas
No es para
- Marcas corporativas o formales; las notas a mano y los fondos pastel son deliberadamente desenfadados
- Envío real de mensajes: los formularios de contacto y newsletter confirman en la página y necesitan tu propio backend para enviar
- Sitios sin una persona a la que presentar; el hero está construido en torno a un retrato y una tarjeta con el nombre
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear portafolio webEstilo fijadoResultado editableHero con doodlesNota a manoNota de identidadEscenario de retrato
Acerca de esta Skill

Convierte tu trabajo en un portafolio que parece un cuaderno de bocetos: un titular serif gigante en azul cobalto sobre crema cálido, tu retrato recortado en una mancha lila con una nota de identificación pegada con cinta, y flechas, flores y subrayados dibujados a mano integrados en el diseño. El sitio de ejemplo tiene 22 páginas conectadas y llega como un único archivo que se abre sin conexión en cualquier navegador.

Lo que obtienes
- Inicio con sobre mí, servicios, trabajos seleccionados, experiencia, proceso, herramientas, testimonios, notas y una llamada a la acción final
- Casos de estudio con vistas previas de producto dibujadas en pestañas de escritorio, móvil y componentes, más un índice de trabajos con filtros, búsqueda y ordenación
- Servicios con tarjetas de precio cerrado y una calculadora en vivo que actualiza un rango de precios según eliges
- Sobre mí, experiencia, un journal con artículos completos, FAQ, newsletter, privacidad, contacto y una página 404 diseñada
- Young Serif, Figtree, Kalam y Geist Mono incrustadas junto con todas las imágenes, así que la página no hace peticiones de red

Cómo usarlo
- Comparte tu nombre, tu rol, tus proyectos, tus servicios y tus datos de contacto, además de un retrato si lo tienes.
- La Skill rellena todas las páginas, redacta lo que falte como texto provisional verosímil y te lo enumera para que lo confirmes.
- Abre el archivo, prueba la calculadora, los filtros y los formularios, y pide cambios con tus propias palabras.

Las fotos e ilustraciones que no aportes salen de la herramienta de imágenes de tu agente, que puede tener sus propios cargos por uso.
Lo que necesitas antes de empezar
- Tú aportas
- Tu nombre, rol, ubicación y una breve presentación, además de un retrato si lo tienes · Entre dos y seis proyectos con el encargo, las decisiones clave y el resultado, y los servicios que ofreces con sus precios · Opcional: experiencia, herramientas, testimonios, artículos y datos de contacto
- 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 el retrato, las fotos de estudio y de contexto y las ilustraciones del journal; opcional si aportas las tuyas
- Costos externos
- Las fotos e ilustraciones que no aportes se generan con la propia herramienta de imágenes de tu agente, que puede tener sus propios cargos por uso. Las vistas previas de producto se dibujan en código y la página terminada 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…









