2026 – en curso · En remoto
bernaz.fr — sitio de trayectoria trilingüe, ecodiseñado y accesible
Entrepreneuriat personnel — Proyectos web realizados por cuenta propia entre 2005 y 2011, y primeros sitios entregados a clientes.
Proyecto personal iniciado en septiembre de 2026: un sitio escaparate respaldado por una base de datos de trayectoria profesional, publicado en francés, inglés y español, y generado íntegramente de antemano. La misma base alimenta un segundo proyecto, la generación de CV y cartas de presentación.
Rol desempeñado: AI Product Manager. Elección del stack —generación estática, base PostgreSQL gestionada, servidor MCP como única vía de escritura, servidor privado y Caddy—, arbitraje del modelo de datos y de las reglas de confidencialidad, y configuración del entorno de desarrollo asistido: reglas de proyecto, skills, agentes de revisión especializados en ecodiseño y accesibilidad, hooks que imponen las salvaguardas en lugar de recomendarlas. El código se escribe con Claude Code; el pilotaje pasa por un backlog de Linear de 155 tickets en cinco semanas.
El sitio sirve de prueba: ninguna cifra se publica sin medición. Peso, EcoIndex y notas de Lighthouse se miden en producción, y una auditoría de accesibilidad y ecodiseño sigue a cada despliegue, con apertura automática de un ticket ante la menor desviación. Dos controles bloquean la publicación: un escaneo de secretos y una verificación de anonimización de los clientes.
Logros
- ~700 páginas generadas en tres idiomas
Sitio íntegramente estático y trilingüe
Cada página se produce de antemano y se sirve en HTML estático, en francés, inglés y español. Una página sin traducción no se genera en ese idioma: sin recurrir al francés.
- 0 archivo JavaScript
Sitio servido sin ningún JavaScript
No se produce ni se entrega ningún archivo JavaScript: la lectura, la navegación y el cambio de idioma se basan únicamente en HTML y CSS.
- 8 kilobytes como máximo para la página más pesada
Presupuesto de peso respetado en cada página
Bytes realmente transferidos, compresión activa, subrecursos incluidos, medidos en producción por un script del repositorio y nunca introducidos a mano. La página más pesada es el catálogo de competencias.
- 9 páginas con nota A de las 9 de la declaración
Medición EcoIndex de cada página de la declaración
Notas de 81 a 93 sobre 100, medidas con lighthouse-ecoindex y comparadas con las cifras publicadas tras cada despliegue. El catálogo de competencias, primero con nota B, pasó a A al mostrar solo las competencias vinculadas a al menos dos misiones. Notas de Lighthouse de rendimiento y accesibilidad a 100.
- 100 % de los criterios RGAA aplicables conformes, 41 de 41
Autoevaluación RGAA 4.1.2 en 13 páginas
Cuatro no conformidades detectadas en la primera revisión —encabezados de tabla, términos en inglés sin señalar, información transmitida solo por el formato, foco oculto—, corregidas y comprobadas en una segunda revisión. Declaración de accesibilidad publicada en tres idiomas.
Auditoría automática tras cada despliegue
Cada publicación desencadena una auditoría: contrastes en ambos temas, foco visible en cada parada de teclado, visualización a 320 px y texto ampliado, validez del HTML, EcoIndex y cifras publicadas. La menor desviación abre un ticket; cada control bloqueante se vio fallar antes.
- 4 skills, 1 de ellos diseñado para el proyecto
Configuración del entorno de desarrollo agéntico
Reglas de proyecto, dos agentes de revisión especializados —ecodiseño y accesibilidad— y dos hooks que imponen las salvaguardas: un recordatorio de impacto sobre la base compartida con otro proyecto y un Bash de solo lectura para los revisores.
Competencias aplicadas
- 150 buenas prácticas de ecodiseño web
- Accesibilidad digital
- AI Product Management
- Claude Code
- Configuración de entornos de desarrollo agénticos
- Creación de skills para agentes de IA
- Diagnóstico de ecodiseño
- Diseño de agentes de IA especializados
- Diseño de herramientas MCP
- EcoIndex
- Elección del stack tecnológico
- Gestión de producto (product ownership)
- Gestión de proyectos
- GR491
- Herramientas de medición de ecodiseño
- Hoja de ruta de producto
- Integración y despliegue continuos (CI/CD)
- Internacionalización (i18n)
- Lighthouse
- Linear
- Migración y recuperación de datos
- Modelado de datos relacionales
- Optimización del contexto (context engineering)
- Plan de acciones correctivas tras auditoría
- Pruebas funcionales de aceptación y cualificación
- Referente de ecodiseño de un servicio digital
- Remediación de vulnerabilidades de seguridad
- RGAA
- RGESN
- Salvaguardas mediante hooks de agentes de IA
- SEO
- Supabase