Repolode
Enviar
thedaviddias

thedaviddias/Front-End-Checklist

Una checklist de código abierto con 386 reglas de buenas prácticas de front-end para personas y agentes de IA, y un servidor MCP alojado para realizar auditorías con agentes.

Ver en GitHubSitio web
Estrellas
74,541
Forks
6,759
Issues abiertos
14
Último commit
hace 16 días

¿Qué es?

Front-End Checklist es un conjunto estructurado de reglas de calidad para front-end que abarca HTML, CSS, JavaScript, rendimiento, accesibilidad, SEO, seguridad, imágenes, privacidad, i18n y testing. Cada regla incluye un nivel de prioridad, una breve explicación, indicaciones para corregir problemas y pasos de verificación. Las reglas se pueden consultar en el sitio web del proyecto o seguir directamente en forma de listas de verificación.

El proyecto también ofrece el mismo conjunto de reglas a través de un servidor MCP alojado, para que los agentes compatibles con MCP puedan revisar código pegado, auditar una URL pública, consultar una regla específica o buscar reglas por palabra clave, categoría o prioridad. También hay skills reutilizables para auditorías más amplias o indicaciones específicas sobre una regla.

El repositorio está construido con MDX y pnpm, e incluye scripts para validar la estructura de las reglas, calcular una puntuación del conjunto y regenerar el README y los archivos de skills a partir de la fuente de las reglas.

Funciones clave

  • 01Incluye 386 reglas distribuidas en 11 categorías, entre ellas HTML, CSS, JavaScript, accesibilidad y rendimiento.
  • 02Cada regla incluye prioridad, explicación, indicaciones para corregir problemas y pasos de verificación.
  • 03El servidor MCP alojado permite a los agentes revisar código, auditar URL y buscar reglas.
  • 04Las skills instalables ofrecen flujos de trabajo para auditorías generales o indicaciones específicas sobre una sola regla.
  • 05Sitio web navegable con filtros y listas de verificación seleccionadas.

Casos de uso

  • Revisar un pull request o componente con respecto a un estándar compartido de calidad de front-end.
  • Realizar una auditoría antes del lanzamiento que abarque accesibilidad, rendimiento y SEO.
  • Permitir que un agente de programación con IA compruebe el código de front-end generado según buenas prácticas establecidas.
  • Incorporar a nuevos integrantes del equipo a las prácticas modernas de desarrollo web mediante una checklist que se recorre regla por regla.

Inicio rápido

  1. 1

    Instalar dependencias

    pnpm install
  2. 2

    Iniciar el entorno de desarrollo local

    pnpm dev

Temas

#front-end#checklist#web-development#accessibility#performance#seo#mcp#html-css#ai-agent#ai-agents

Preguntas frecuentes

¿Qué es Front-End-Checklist?
Una checklist de código abierto con 386 reglas de buenas prácticas de front-end para personas y agentes de IA, y un servidor MCP alojado para realizar auditorías con agentes. Front-End Checklist es un conjunto estructurado de reglas de calidad para front-end que abarca HTML, CSS, JavaScript, rendimiento, accesibilidad, SEO, seguridad, imágenes, privacidad, i18n y testing. Cada regla incluye un nivel de prioridad, una breve explicación, indicaciones para corregir problemas y pasos de verificación. Las reglas se pueden consultar en el sitio web del proyecto o seguir directamente en forma de listas de verificación.
¿Front-End-Checklist es gratuito? ¿Qué licencia tiene?
Front-End-Checklist es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿Front-End-Checklist sigue mantenido?
Mantenimiento activo. El último commit de Front-End-Checklist fue el 6 oct 2026.
¿Para qué puedo usar Front-End-Checklist?
Revisar un pull request o componente con respecto a un estándar compartido de calidad de front-end. Realizar una auditoría antes del lanzamiento que abarque accesibilidad, rendimiento y SEO. Permitir que un agente de programación con IA compruebe el código de front-end generado según buenas prácticas establecidas. Incorporar a nuevos integrantes del equipo a las prácticas modernas de desarrollo web mediante una checklist que se recorre regla por regla.
¿Cómo se instala Front-End-Checklist?
Instalar dependencias: pnpm install Iniciar el entorno de desarrollo local: pnpm dev
¿Dónde consigo Front-End-Checklist?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/thedaviddias/Front-End-Checklist

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados