·web-design-guidelines
*

web-design-guidelines

duc01226/easyplatform

WCAG 2.2/3.0 のアクセシビリティ、応答性の高いデザイン、パフォーマンス、使いやすさ、最新のベスト プラクティスを含む、Web インターフェイス設計コンプライアンスの UI コードをレビューします。 「UI のレビュー」、「アクセシビリティのチェック」、「デザインの監査」、「UX のレビュー」、「レスポンシブ デザインのチェック」、または「サイトをベスト プラクティスに照らしてチェック」するように求められた場合に使用します。アクション: レビュー、チェック、監査、分析、検証。トピック: アクセシビリティ、WCAG、ARIA、セマンティック HTML、フォーカス状態、フォーム、アニメーション、タイポグラフィ、コンテンツ処理、画像、パフォーマンス、Core Web Vitals、ナビゲーション、タッチ インタラクション、レスポンシブ デザイン、モバイル ファースト、ダーク モード、国際化、ハイドレーション。

11インストール·0トレンド·@duc01226

インストール

$npx skills add https://github.com/duc01226/easyplatform --skill web-design-guidelines

SKILL.md

Comprehensive code review for web interface compliance with industry standards including WCAG 2.2, Core Web Vitals, and modern UX best practices.

"If you can use a native HTML element with built-in semantics, use it instead of ARIA."

"No ARIA is better than bad ARIA" – Sites with ARIA average 41% more errors than those without.

WCAG 2.2/3.0 のアクセシビリティ、応答性の高いデザイン、パフォーマンス、使いやすさ、最新のベスト プラクティスを含む、Web インターフェイス設計コンプライアンスの UI コードをレビューします。 「UI のレビュー」、「アクセシビリティのチェック」、「デザインの監査」、「UX のレビュー」、「レスポンシブ デザインのチェック」、または「サイトをベスト プラクティスに照らしてチェック」するように求められた場合に使用します。アクション: レビュー、チェック、監査、分析、検証。トピック: アクセシビリティ、WCAG、ARIA、セマンティック HTML、フォーカス状態、フォーム、アニメーション、タイポグラフィ、コンテンツ処理、画像、パフォーマンス、Core Web Vitals、ナビゲーション、タッチ インタラクション、レスポンシブ デザイン、モバイル ファースト、ダーク モード、国際化、ハイドレーション。 ソース: duc01226/easyplatform。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/duc01226/easyplatform --skill web-design-guidelines
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

web-design-guidelines とは?

WCAG 2.2/3.0 のアクセシビリティ、応答性の高いデザイン、パフォーマンス、使いやすさ、最新のベスト プラクティスを含む、Web インターフェイス設計コンプライアンスの UI コードをレビューします。 「UI のレビュー」、「アクセシビリティのチェック」、「デザインの監査」、「UX のレビュー」、「レスポンシブ デザインのチェック」、または「サイトをベスト プラクティスに照らしてチェック」するように求められた場合に使用します。アクション: レビュー、チェック、監査、分析、検証。トピック: アクセシビリティ、WCAG、ARIA、セマンティック HTML、フォーカス状態、フォーム、アニメーション、タイポグラフィ、コンテンツ処理、画像、パフォーマンス、Core Web Vitals、ナビゲーション、タッチ インタラクション、レスポンシブ デザイン、モバイル ファースト、ダーク モード、国際化、ハイドレーション。 ソース: duc01226/easyplatform。

web-design-guidelines のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/duc01226/easyplatform --skill web-design-guidelines インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/duc01226/easyplatform