LessAI ToolsAI プラグインディレクトリ
← 一覧へ戻る

タスク用スキル

Web Quality Skills

addyosmani/web-quality-skills

AI アシスタントがページの遅さ、操作の障壁、技術的な SEO の問題を調べるためのスキルです。

紹介

公開ドキュメントに基づき LessAI Tools が編集

Web Quality Skills は、サイト品質を確認する六つのスキルをまとめた独立プロジェクトです。読み込み速度、応答性、レイアウトのずれ、アクセシビリティ、技術的な SEO、ブラウザーの推奨事項を扱います。利用できる測定結果から始め、コードで原因を調べ、修正後に再確認する流れです。

既存サイトを保守する開発者に向いています。ブラウザーツールで性能記録や Lighthouse 検査を取得でき、使えない場合の測定やコード確認も文書で説明しています。実利用者のデータと単発の試験を区別します。紹介は公開文書に基づき、当サイトではインストール検証をしていません。

使い始める

準備するもの

  • スキル対応のコーディング助手と、対象サイトまたはソースファイルへのアクセス権。
  • 実測には動作するページと適切なブラウザーまたは Lighthouse ツールが必要です。Chrome DevTools MCP は任意です。
  • 実利用者の分析には利用可能な実測データが必要で、サイトによっては不足します。助手のアカウントや外部サービスには各提供元の利用条件と料金が適用されます。

制限と費用

  • Google を代表せず、公式認証でもない独立プロジェクトです。
  • 単発の測定点数やコード確認は、実利用者の性能、アクセシビリティ適合、安全性、検索順位を証明しません。
  • 操作の手動確認とコード変更のレビューは必要です。得られる結果はツールとアクセス権によって異なります。
導入と使い方の公式手順 ↗

公開ドキュメントに基づく案内です。全項目を個別にインストールして検証したものではありません。

できること

  • サイト全体の確認や、性能、アクセシビリティ、SEO の個別スキルを選べます。
  • ブラウザー測定とコードを組み合わせて問題の原因を調べます。
  • 影響に応じて修正の優先順位を決め、同等の条件で再確認します。

公式プロジェクトとドキュメント

プロジェクトの説明(翻訳)

ブラウザー測定、Lighthouse の指針、コード確認を組み合わせ、根拠に基づくサイト品質レビューを支援する独立スキル集です。

用途が近いプラグイン

似た作業に使えるプラグインを比較し、それぞれの導入条件を確認しましょう。

  • Cloudflare Security Audit — コードベースでセキュリティの問題を確認し、証拠を検証して、確認された結果を未解決の質問から分離します。
  • Claude-Red — 認定された評価、トレーニング、明確な技術レポートのために、集中的なセキュリティ テスト スキルを選択してください。
  • Sentry Agent Plugin — Sentry の監視設定、本番エラー調査、通知を支援します。

情報源と並び順

公開ソースがあり、用途が明確な開発用 AI プラグインを掲載しています。用途から選び、機能、対象ユーザー、必要条件を確認できます。全プラグインを網羅するものではありません。

3つの種類はどう違いますか?

MCP は、AI アシスタントとブラウザー、コード、データベースなどの外部ツールをつなぐための共通の約束です。

スキルは、対応する AI アシスタントに特定の作業手順や注意点を伝える再利用可能な説明です。

エディタープラグインは、コードを書くソフトの中で AI チャット、補完、修正提案などを提供します。

スター数順とは?

GitHub の累計スター数順です。スターは関心度を表し、ダウンロード数、利用者数、品質評価ではありません。スキル集は1プロジェクトとして数えます。

最近の更新とは?

コードが最後に送信された日時で、新版の公開日とは限りません。7日間の条件はその日時を使い、並び順は累計スター数のままです。スター取得日は別に表示します。

紹介は公開ドキュメントに基づき、全項目を個別に導入して検証したものではありません。接続、互換性、費用は公式資料をご確認ください。

UTC+8

役立つ発見を共有しよう

文案と投稿先を選びます。投稿前に編集できます。