Portafolio Inkwellv1.0.3
Usa esta Skill para crear página web.
En auge
5.033 descargas1 me gusta1 guardados
$4.99
¿Qué obtengo al comprar esta Skill?Crea un portafolio personal completo con un estilo editorial sereno: una barra lateral fija con retrato, disponibilidad y una píldora oscura Read resume junto a una hoja blanca redondeada con titulares en tinta degradada. Incluye un índice de trabajos filtrable, casos de estudio con selector de imágenes, escritos con búsqueda y páginas de artículo, sobre mí, currículum, contacto y una 404 diseñada. El ejemplo es Mara Voss, una diseñadora de producto ficticia, y el resultado por defecto es un único archivo autónomo que funciona sin conexión.
Elegida con más frecuencia por
Actualizada el 3 oct 2026
Galería de vista previa
Skills similares
Ver todas las Skills
Lo que obtienes
- Un portafolio de ejemplo terminado con 15 rutas para Mara Voss: cuatro casos de estudio, cuatro ensayos, sobre mí, currículum, contacto y una 404, con fotografías y pantallas de producto realistas.
- Detalles que funcionan: filtros de trabajos, búsqueda de escritos con etiquetas de tema, selector de imágenes en los casos de estudio, carrusel de citas, formulario de contacto validado y un menú móvil con el foco atrapado.
- Tu portafolio como un único archivo sin conexión con Instrument Sans, Newsreader y Geist Mono incrustadas, más un kit de mockups para pantallas de producto y las reglas de estilo que sigue tu agente.
Ideal para
- Diseñadores de producto y desarrolladores que quieren su trabajo, sus escritos y su currículum detrás de un solo enlace.
- Personas en búsqueda de empleo que necesitan casos de estudio que muestren el proceso, los resultados y las decisiones difíciles.
- Fotógrafos, escritores, consultores o ingenieros que quieren un sitio personal sereno con páginas interiores reales.
No es para
- Marcas llamativas, coloridas o con mucha animación; Inkwell es tranquilo, luminoso y guiado por la tipografía.
- Grandes galerías de fotos: cada caso de estudio lleva unos pocos fotogramas escogidos, no cientos de imágenes.
- Formularios en vivo: el formulario de contacto valida y confirma en la página, pero no envía nada hasta que conectes un servicio.
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear página webCrear página de portafolioEstilo fijadoResultado editableTipografía con tinta degradadaNavegación lateralTarjetas con sombra suaveMinimal neutro cálido
Acerca de esta Skill
Convierte tus proyectos, tus escritos y tu trayectoria en un sitio personal sereno: una barra lateral fija con tu retrato y una píldora oscura Read resume, junto a una hoja blanca con titulares en tinta degradada. El ejemplo es Mara Voss, una diseñadora de producto ficticia de Róterdam, con cuatro casos de estudio y cuatro ensayos.
Lo que obtienes
- Inicio, un índice de trabajos filtrable, casos de estudio completos, un índice de escritos con búsqueda y páginas de artículo, sobre mí, cronología de currículum, contacto y una página 404 diseñada
- Casos de estudio con problema, proceso, resultados, la decisión difícil y un selector de imágenes
- Pantallas de producto realistas para las portadas de proyectos, creadas con un kit de mockups o tomadas de tus propias capturas
- Fuentes e imágenes incrustadas en un único archivo que se abre sin conexión en cualquier navegador
Cómo usarlo
- Comparte tu nombre, tu rol, tus proyectos, tus empleos y algunas ideas de ensayos; los textos que falten se redactan por ti.
- Tu agente crea las pantallas de producto, genera o coloca las fotos, completa cada página y la revisa en escritorio y en móvil.
- Abre el archivo único, recorre las páginas y pide cambios con tus propias palabras.
El formulario de contacto confirma en la página y no envía nada hasta que conectes un servicio. Las fotos creadas con la herramienta de imágenes de tu agente pueden tener cargos por uso de esa herramienta.
Lo que necesitas antes de empezar
- Tú aportas
- Tu nombre, rol, ciudad, disponibilidad y email · De dos a cuatro proyectos con el problema, el proceso, los resultados y capturas si las tienes · Tu trayectoria laboral y algunas ideas de ensayos
- 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 generación de imágenes en tu agente para el retrato, el espacio de trabajo y las fotos de los ensayos, o fotos que aportes tú
- Costos externos
- El retrato, el espacio de trabajo y las fotos de los ensayos se generan con la propia herramienta de imágenes de tu agente, lo que puede tener cargos por uso de esa herramienta. Las pantallas de producto se crean como mockups, y tus propias fotos y capturas pueden sustituir cualquier imagen.
- Última prueba
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…