Portafolio de cuadrícula finav1.0.4
Usa esta Skill para crear página web.
En auge
5.031 descargas0 me gusta0 guardados
$4.99
¿Qué obtengo al comprar esta Skill?Crea un sitio personal dibujado como una lámina de ingeniería: un carril de contenido centrado sobre líneas finas a todo el ancho, tonos zinc monocromos con temas claro y oscuro completos, franjas rayadas entre secciones, un dibujo isométrico Fig. 1 y una línea de rol que rota. Incluye perfil, mapa de actividad, trabajos con casos de estudio completos, experiencia, stack, escritos con ensayos reales, sobre mí y un formulario de contacto validado. Por defecto es un único archivo que funciona sin conexión, para diseñadores, design engineers y desarrolladores.
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 ejemplo de 15 rutas para el ficticio Rowan Hale: home, un índice de trabajos con cuatro casos de estudio y un archivo, escritos con ensayos completos, sobre mí, contacto y un 404 diseñado.
- Detalles que funcionan: menú de comandos, cambio de tema, filtros de trabajos y escritos con búsqueda, pestañas de rango en el mapa de actividad, botones de copiar y un formulario de contacto con errores en línea, estado de carga y confirmación.
- Portadas de proyecto dibujadas como pantallas de producto en vivo, fotos en blanco y negro con una sola dirección de arte, fuentes Geist incrustadas, además de una guía de estilo y comprobaciones integradas.
Ideal para
- Design engineers y desarrolladores que quieren un sitio preciso y sobrio en lugar de una plantilla llamativa.
- Personas que buscan empleo y necesitan casos de estudio, ensayos y un formulario de contacto que se lean bien en ambos temas y en el móvil.
- Quien disfrute de las líneas finas, los pies en monoespaciada y la contención monocroma.
No es para
- Marcas personales coloridas y cargadas de imágenes; el sistema es zinc monocromo con un único acento azul.
- Blogs que necesitan un sistema de gestión de contenidos; los ensayos y los casos de estudio viven en los datos de la propia página.
- Enviar mensajes reales de serie: el formulario de contacto confirma en la página hasta que conectes un backend.
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear página webCrear portafolio webResultado editableFlujo guiadoVisualmente pulidoMinimalistaMonocromoCuadrícula de línea finaPlano técnico
Acerca de esta Skill
Convierte tu nombre, tu trayectoria, tus proyectos y tus ensayos en un sitio personal que parece trazado en la lámina de un ingeniero: líneas finas que cruzan la pantalla, tonos zinc monocromos, franjas rayadas y un pequeño Fig. 1 isométrico. El ejemplo es Rowan Hale, un design engineer ficticio de Oporto, con 15 rutas conectadas. El resultado por defecto es un único archivo autónomo que se abre sin conexión en cualquier navegador.
Lo que obtienes
- Home con Fig. 1, perfil, datos de resumen, mapa de actividad, sobre mí, trabajos destacados, experiencia, stack, escritos y charlas
- Páginas de casos de estudio con problema, proceso, galería, resultados y créditos, y ensayos con barra de progreso de lectura e índice
- Un menú de comandos, temas claro y oscuro, filtros con búsqueda, un menú móvil y un formulario de contacto validado
- Geist, Geist Mono y una nota manuscrita en Caveat incrustadas en el archivo, para que nada se cargue desde la red
Cómo usarlo
- Comparte tu nombre, tus roles, tu ciudad, proyectos con resultados, experiencia, ensayos y datos de contacto; los datos que falten se redactan y se te enumeran.
- Tu agente rellena los datos, dibuja una portada para cada proyecto y convierte tu retrato a blanco y negro.
- Abre el sitio en ambos temas, prueba el menú de comandos y el formulario de contacto, y pide cambios.
Tu propio retrato y tus fotos no tienen costo extra; las fotos generadas pueden tener los cargos de uso de tu herramienta de imágenes.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre, de tres a cinco frases breves de rol, ciudad, email y disponibilidad · De dos a seis proyectos con rol, pasos del proceso y resultados medibles, además de experiencia y ensayos · Una foto de retrato, o permiso para generar una provisional
- 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 · Opcional: una herramienta de generación de imágenes en tu agente para fotos del espacio de trabajo o de lugares
- Costos externos
- Las fotos generadas con la herramienta de imágenes de tu agente pueden tener sus propios cargos de uso. Tus propias fotos y las portadas de proyecto dibujadas no tienen costo extra.
- Última prueba
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…