thedaviddias/Front-End-Checklist

解決する課題

Front-End Checklist は、現代のウェブ開発の品質を保証するための構造化された包括的なシステムを提供します。ベストプラクティスを人間とAIエージェントの両方が実行可能なレビューワークフローに変換することで、フロントエンドの実装品質が不均一になるという問題を解決します。

仕組み

このプロジェクトは、11のカテゴリ（HTML、CSS、パフォーマンス、アクセシビリティ、SEOなど）にわたる386のルールで構成されています。これらのルールは、主に3つのインターフェースを通じて提供されます。

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）で分類されており、チームが修正の優先順位を決定するのに役立ちます。