thedaviddias/Front-End-Checklist

어떤 프로젝트인가요?

핵심 기능

• 01HTML, CSS, JavaScript, 접근성, 성능을 포함한 11개 카테고리의 규칙 386개를 다룹니다.
• 02각 규칙에는 우선순위, 설명, 개선 방법, 검증 단계가 포함됩니다.
• 03호스팅 MCP 서버를 통해 에이전트가 코드를 검토하고 URL을 감사하며 규칙을 검색할 수 있습니다.
• 04설치 가능한 스킬로 전체 감사 워크플로를 실행하거나 단일 규칙에 관한 안내를 받을 수 있습니다.
• 05필터링과 엄선된 체크리스트를 제공하는 웹사이트에서 규칙을 둘러볼 수 있습니다.

활용 사례

• 공통 프런트엔드 품질 기준에 따라 풀 리퀘스트나 컴포넌트를 검토합니다.
• 사이트를 배포하기 전에 접근성, 성능, SEO를 포함한 출시 전 감사를 진행합니다.
• AI 코딩 에이전트가 생성한 프런트엔드 코드가 확립된 모범 사례를 따르는지 점검합니다.
• 규칙별 체크리스트를 활용해 팀원에게 현대적인 웹 개발 관행을 안내합니다.

빠른 시작

1. 1

   종속성 설치

   pnpm install
2. 2

   로컬 개발 환경 실행

   pnpm dev

토픽

자주 묻는 질문

Front-End-Checklist은(는) 무엇인가요?

사람과 AI 에이전트를 위한 프런트엔드 모범 사례 규칙 386개와 에이전트 주도 감사를 지원하는 호스팅 MCP 서버를 제공하는 오픈소스 체크리스트입니다. Front-End Checklist는 HTML, CSS, JavaScript, 성능, 접근성, SEO, 보안, 이미지, 개인정보 보호, i18n, 테스트를 아우르는 프런트엔드 품질 규칙 모음입니다. 각 규칙에는 우선순위, 간단한 설명, 개선 방법, 검증 단계가 포함되어 있으며, 프로젝트 웹사이트에서 둘러보거나 체크박스 목록으로 직접 점검할 수 있습니다.

Front-End-Checklist은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

Front-End-Checklist은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

Front-End-Checklist은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. Front-End-Checklist의 마지막 커밋은 2026년 10월 6일입니다.

Front-End-Checklist은(는) 어디에 사용할 수 있나요?

공통 프런트엔드 품질 기준에 따라 풀 리퀘스트나 컴포넌트를 검토합니다. 사이트를 배포하기 전에 접근성, 성능, SEO를 포함한 출시 전 감사를 진행합니다. AI 코딩 에이전트가 생성한 프런트엔드 코드가 확립된 모범 사례를 따르는지 점검합니다. 규칙별 체크리스트를 활용해 팀원에게 현대적인 웹 개발 관행을 안내합니다.

Front-End-Checklist는 어떻게 설치하나요?

종속성 설치: pnpm install 로컬 개발 환경 실행: pnpm dev

Front-End-Checklist은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/thedaviddias/Front-End-Checklist