Skill de Sitio de Portafolio
Genera un sitio web de portafolio profesional: sección hero, cuadrícula de proyectos, sección acerca de y formulario de contacto. Limpio, tipográfico, minimalista.
Metadatos
Nombre: portfolio-site Descripción: Genera un sitio web de portafolio profesional con secciones hero, proyectos, acerca de y contacto. Palabras clave de activación: "portafolio", "sitio web personal", "portafolio de desarrollador", "portafolio creativo", "sitio de currículum"
Entradas y Parámetros
| Parámetro | Tipo | Requerido | Predeterminado |
|---|---|---|---|
name | string | ✓ | — |
tagline | string | ✓ | — |
projects | array | ✓ | — |
github_url | string | — | — |
linkedin_url | string | — | — |
email | string | — | — |
years_experience | number | — | 3 |
skills | array | — | [] |
Elemento del array de proyectos:
{ title: string; description: string; tags: string[]; url?: string; image?: string }
Secciones Requeridas (en orden)
- Navegación — Nombre como logo, enlaces: Proyectos / Acerca de / Contacto
- Hero — Nombre, eslogan, propuesta de valor de una línea, enlaces sociales (GitHub, LinkedIn, correo electrónico)
- Cuadrícula de Proyectos — Cuadrícula responsiva de 3 columnas, cada tarjeta: título + descripción + etiquetas + enlace
- Acerca de — 2 columnas: texto biográfico a la izquierda, habilidades/estadísticas a la derecha
- Contacto — Formulario simple: nombre, correo electrónico, mensaje, botón de enviar
- Pie de Página — Derechos de autor + enlaces sociales
Reglas de Diseño
- Página única, completamente responsiva
- Modo oscuro predeterminado (usar tokens de modo oscuro de DESIGN.md)
- Todos los enlaces se abren en una nueva pestaña
- Sin bibliotecas JS externas
- Todo el CSS en bloque
<style> - HTML5 semántico (
<header>,<nav>,<main>,<section>,<footer>)
Salida
Archivo único: index.html (autocontenido)
Autoverificación
- El título del hero es el nombre, no "Bienvenido"
- Al menos 4 proyectos mostrados
- Los enlaces sociales usan iconos SVG (sin emojis)
- Móvil: cuadrícula de una columna
- El formulario de contacto no tiene un atributo
actionroto