Repolode
Enviar
thedaviddias

thedaviddias/Front-End-Checklist

Checklist open source com 386 regras de boas práticas de front-end para pessoas e agentes de IA, além de um servidor MCP hospedado para auditorias feitas por agentes.

Ver no GitHubSite
Estrelas
74,541
Forks
6,759
Issues abertas
14
Último commit
há 16 dias

O que é?

Front-End Checklist é um conjunto estruturado de regras de qualidade para front-end que abrange HTML, CSS, JavaScript, performance, acessibilidade, SEO, segurança, imagens, privacidade, i18n e testes. Cada regra tem um nível de prioridade, uma explicação breve, orientações para corrigir problemas e etapas de verificação. É possível consultar as regras no site do projeto ou segui-las diretamente em listas de verificação.

O projeto também disponibiliza o mesmo conjunto de regras por meio de um servidor MCP hospedado. Assim, agentes compatíveis com MCP podem analisar código colado, auditar uma URL pública, buscar uma regra específica ou pesquisar por palavra-chave, categoria ou prioridade. Há também skills reutilizáveis para auditorias mais abrangentes ou orientações focadas em regras específicas.

O repositório é construído com MDX e pnpm e inclui scripts para validar a estrutura das regras, pontuar o conjunto e gerar novamente o README e os arquivos de skills a partir da fonte das regras.

Recursos principais

  • 01Abrange 386 regras em 11 categorias, incluindo HTML, CSS, JavaScript, acessibilidade e performance.
  • 02Cada regra inclui prioridade, explicação, orientações para corrigir problemas e etapas de verificação.
  • 03O servidor MCP hospedado permite que agentes analisem código, auditem URLs e pesquisem regras.
  • 04Skills instaláveis oferecem fluxos de trabalho para auditorias abrangentes ou orientações focadas em uma única regra.
  • 05Site navegável com filtros e checklists selecionados.

Casos de uso

  • Revisar um pull request ou componente com base em um padrão compartilhado de qualidade de front-end.
  • Fazer uma auditoria antes do lançamento, abrangendo acessibilidade, performance e SEO.
  • Permitir que um agente de programação com IA verifique código de front-end gerado com base em boas práticas estabelecidas.
  • Integrar pessoas à equipe e apresentar práticas modernas de desenvolvimento web usando um checklist regra por regra.

Início rápido

  1. 1

    Instalar dependências

    pnpm install
  2. 2

    Iniciar o ambiente de desenvolvimento local

    pnpm dev

Tópicos

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

Perguntas frequentes

O que é Front-End-Checklist?
Checklist open source com 386 regras de boas práticas de front-end para pessoas e agentes de IA, além de um servidor MCP hospedado para auditorias feitas por agentes. Front-End Checklist é um conjunto estruturado de regras de qualidade para front-end que abrange HTML, CSS, JavaScript, performance, acessibilidade, SEO, segurança, imagens, privacidade, i18n e testes. Cada regra tem um nível de prioridade, uma explicação breve, orientações para corrigir problemas e etapas de verificação. É possível consultar as regras no site do projeto ou segui-las diretamente em listas de verificação.
Front-End-Checklist é gratuito? Qual é a licença?
Front-End-Checklist é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
Front-End-Checklist ainda é mantido?
Manutenção ativa. O último commit de Front-End-Checklist foi em 6 de out. de 2026.
Para que posso usar Front-End-Checklist?
Revisar um pull request ou componente com base em um padrão compartilhado de qualidade de front-end. Fazer uma auditoria antes do lançamento, abrangendo acessibilidade, performance e SEO. Permitir que um agente de programação com IA verifique código de front-end gerado com base em boas práticas estabelecidas. Integrar pessoas à equipe e apresentar práticas modernas de desenvolvimento web usando um checklist regra por regra.
Como instalar Front-End-Checklist?
Instalar dependências: pnpm install Iniciar o ambiente de desenvolvimento local: pnpm dev
Onde consigo Front-End-Checklist?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/thedaviddias/Front-End-Checklist

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados