thedaviddias/Front-End-Checklist

해결하는 문제

Front-End Checklist는 현대 웹 개발의 품질을 보장하기 위한 구조화되고 포괄적인 시스템을 제공합니다. 모범 사례를 인간 개발자와 AI 에이전트 모두가 검토할 수 있는 실용적인 워크플로우로 전환함으로써 프론트엔드 구현 품질이 일관되지 않은 문제를 해결합니다.

작동 방식

이 프로젝트는 11개 카테고리(HTML, CSS, 성능, 접근성, SEO 등)에 걸친 386개의 규칙으로 구성되어 있습니다. 이러한 규칙은 세 가지 주요 인터페이스를 통해 제공됩니다.

1. Web Interface: 규칙을 탐색하고 필터링하기 위한 대화형 사이트.
2. MCP Server: AI 에이전트가 코드 리뷰를 수행하고, 라이브 URL을 감사하며, 규칙 세트를 사용하여 직접 수정 가이드를 검색할 수 있게 해주는 Model Context Protocol 서버.
3. Static Checklist: 수동 감사를 위해 README 내에서 제공되는 포괄적인 목록.

대상 사용자

• 프론트엔드 개발자: 코드가 업계 표준 및 모범 사례를 충족하는지 확인하기 위해.
• AI 에이전트: 코드 리뷰 중 높은 신뢰도의 프론트엔드 결과물과 수정 제안을 제공하기 위해.
• QA 엔지니어: 웹 페이지 및 Pull Request에 대한 구조화된 감사를 수행하기 위해.

주요 특징

• AI-Ready: Model Context Protocol (MCP)과 통합되어 원활한 에이전트 워크플로우를 지원합니다.
• 포괄적인 커버리지: 보안, 개인정보 보호, 국제화를 포함한 11개 카테고리에 걸친 386개의 규칙.
• 실행 가능한 가이드: 규칙 페이지에는 설명, 검증 단계, 수정을 위한 구체적인 AI 프롬프트가 포함되어 있습니다.
• 우선순위 기반: 규칙은 우선순위(Critical, High, Medium, Low)별로 분류되어 팀이 수정 우선순위를 정하는 데 도움을 줍니다.