·web-design-guidelines
*

web-design-guidelines

ehmo/platform-design-skills

Web プラットフォームの設計とアクセシビリティのガイドライン。 Web インターフェイスの構築、アクセシビリティの監査、レスポンシブ レイアウトの実装、または Web UI コードのレビューを行うときに使用します。 HTML、CSS、Web コンポーネント、WCAG 準拠、レスポンシブ デザイン、または Web パフォーマンスに関連するタスクをトリガーします。

144インストール·4トレンド·@ehmo

インストール

$npx skills add https://github.com/ehmo/platform-design-skills --skill web-design-guidelines

SKILL.md

Framework-agnostic rules for accessible, performant, responsive web interfaces. Based on WCAG 2.2, MDN Web Docs, and modern web platform APIs.

Accessibility is not optional. Every rule in this section maps to WCAG 2.2 success criteria at Level A or AA.

Use elements for their intended purpose. Semantic structure provides free accessibility, SEO, and reader-mode support.

Web プラットフォームの設計とアクセシビリティのガイドライン。 Web インターフェイスの構築、アクセシビリティの監査、レスポンシブ レイアウトの実装、または Web UI コードのレビューを行うときに使用します。 HTML、CSS、Web コンポーネント、WCAG 準拠、レスポンシブ デザイン、または Web パフォーマンスに関連するタスクをトリガーします。 ソース: ehmo/platform-design-skills。

原文を見る

引用可能な情報

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

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

クイックアンサー

web-design-guidelines とは?

Web プラットフォームの設計とアクセシビリティのガイドライン。 Web インターフェイスの構築、アクセシビリティの監査、レスポンシブ レイアウトの実装、または Web UI コードのレビューを行うときに使用します。 HTML、CSS、Web コンポーネント、WCAG 準拠、レスポンシブ デザイン、または Web パフォーマンスに関連するタスクをトリガーします。 ソース: ehmo/platform-design-skills。

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

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

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

https://github.com/ehmo/platform-design-skills