thedaviddias/Front-End-Checklist

프론트엔드 개발의 모든 단계를 체크하는 385개 규칙 기반 품질 검증 시스템

모음집확인 필요AI 에이전트난이도
72,943+1,076이번 주6,6532MDX
데모·홈페이지 열기frontendchecklist.io
중간맛 분석

HTML, CSS, JavaScript, 성능, 접근성, SEO, 보안, 이미지, 테스트, 개인정보, 국제화 11개 카테고리 385개 규칙으로 구성. 웹사이트(frontendchecklist.io)에서 대화식으로 탐색하거나, MCP 서버를 통해 AI 에이전트에 연결 가능. 바로 쓸 수 있음(규칙 페이지에 수정 방법·검증 단계·예제 포함). 데모: 실시간으로 규칙 검색, 코드 리뷰, URL 감사, 워크플로우 실행 가능.

이런 레포예요

이럴 때 쓰면 좋아요

  • 배포 전 프론트엔드 코드 품질 종합 감사
  • AI 에이전트와 함께 React/Next.js 컴포넌트 리뷰
  • 접근성, 성능, SEO 이슈를 우선순위별로 추적

핵심 기능

385개 영문 규칙 (11개 카테고리)MCP 서버 기반 AI 에이전트 통합웹사이트·README·MCP 서버 3가지 활용 방식

대안 대비 차별점

정적 체크리스트가 아닌 MCP 프로토콜로 AI 에이전트가 실시간 규칙 접근 및 코드 리뷰를 수행할 수 있으며, 인간과 AI 모두를 위한 통합 품질 검증 시스템을 제공합니다.

준비물
  • Node.js (pnpm 사용)
바로 시작하기
  1. pnpm install로 의존성 설치
  2. pnpm dev로 로컬 개발 서버 실행
  3. frontendchecklist.io 또는 mcp.frontendchecklist.io에서 규칙 열람 및 MCP 도구 연결
별 추이 · 7일
72,943+1,076 / 7일
활용성 · 따라 만들기 좋은가
샘플 점수 26/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2017년 생성

AI가 README 기반으로 요약했습니다 · 원문 보기