web-quality-skills
addyosmani/web-quality-skills
Lighthouse および Core Web Vitals を基にしたウェブ品質の最適化エージェントスキル。
導入
- スター
- ★ 2.9k
- ライセンス
- MIT
- 言語
- Shell
- 最終更新
- 2026年8月24日
- タグ
- accessibility · core-web-vitals · lighthouse · testing · web-performance
こんな用途に
- Lighthouse とソース分類にまたがる、証拠重視の Web 品質監査を行う
- LCP、INP、CLS などの Core Web Vitals を診断して改善する
- WCAG 2.2 に沿ってアクセシビリティを確認する（スクリーンリーダーやキーボード操作を含む）
- SEO、クロール性、構造化データを改善し、セキュリティとベストプラクティスを適用する
始め方
- npx skills add addyosmani/web-quality-skills を実行する
- Claude Code で /plugin marketplace add と /plugin install web-quality-skills@addy-web-quality-skills を実行する
- 「このページの Web 品質の問題を監査して」のように自然文で頼む
- 必要に応じて Chrome DevTools MCP を接続し、実機 Lighthouse 監査を行う
導入前に
フレームワークを問わず、React、Vue、Angular、Svelte、Next.js などで使えます。ライブの Lighthouse 監査やパフォーマンストレースには Chrome DevTools MCP が必要です。
プロジェクトの説明をもとに AI がまとめました。利用前に公式ドキュメントをご確認ください。
似たツール
- reaコミュニティスキル · ★ 386k
エージェントを使用して、アプリケーションの動作からネイティブバイナリに至るまで何でも逆エンジニアリングします。
- skillsコミュニティスキル · ★ 184k
エージェントスキルの公開リポジトリ
- ponytailコミュニティスキル · ★ 176k
あなたのAIエージェントを、部屋の中で最も怠け者のシニア開発者のように考えさせます。最良のコードは、あなたが一度も書かなかったコードです。
- agent-skillsコミュニティスキル · ★ 111k
AIコードエージェント向けのプロダクショングレードのエンジニアリングスキル
- paperclipコミュニティスキル · ★ 107k
職場でエージェントを管理するために誰もが使用するオープンソースアプリケーション
出典 GitHub · 著作権は各作者に帰属します