Accessibility

healthcare-emr-patterns は、Healthcare における EMR/EHR 設計のための実践的な skill です。患者診療フロー、診療記録の作成、薬剤チェック、検査結果の強調表示、監査証跡、CDSS 連携、そしてより安全な臨床ワークフローを支えるアクセシビリティ重視の医療データ入力をカバーします。

flutter-dart-code-review は、Flutter と Dart のコードレビュー向けチェックリストです。アーキテクチャ、Widget 品質、状態管理、パフォーマンス、アクセシビリティ、セキュリティ、クリーンコードまで、ライブラリ非依存で幅広くカバーします。BLoC、Riverpod、Provider、GetX、MobX、Signals、独自パターンのいずれでも、Code Review 用の構造化された flutter-dart-code-review ガイドとして使えます。

browser-qaは、デプロイ後のビジュアルテスト、操作確認、レスポンシブなスクリーンショット取得、アクセシビリティレビューを browser automation で行うためのブラウザQAスキルです。frontend developers や QA teams が、汎用的なプロンプトではなく再現性のある browser-qa guide を使って、staging や preview のページを検証するのに役立ちます。

accessibility skill は、Web、iOS、Android 向けに、WCAG 2.2 レベル AA を基準としたアクセシブルな UI の設計・実装・監査を支援します。コンポーネントの役割、ラベル、状態、フォーカス挙動、アクセシビリティ特性を整理するのに使え、UX Audit の実務や実装レビューに役立つ実践的なアクセシビリティ活用を提供します。

frontend-designは、曖昧なUIアイデアから、汎用的でないスタイリングと明確な美的指針を備えた、個性的なプロダクション品質のフロントエンド実装を生成するのに役立つスキルです。

ux-designer は、リサーチ、アクセシビリティ、情報設計、インタラクションフロー、ワイヤーフレームの指針、UX ライティングに対応した構造化 UX デザイン skill です。AGENTS.md と用途別のルールファイルを使い、粗いプロダクト案を、判断基準が明確な設計意思決定へ落とし込むのに役立ちます。

visualization-expert は、グラフ選定、可視化のベストプラクティス、matplotlib / plotly のコード例を軽量に扱えるスキルです。1つの `SKILL.md` ファイルで、より適切なチャート選び、ダッシュボードのレビュー、分かりやすくアクセシブルなデータ可視化の指針をまとめて活用できます。

qaスキルは、Webアプリを体系的にテストし、バグを見つけ、段階的なワークフローで修正内容を検証します。回帰テスト、リリース可否の確認、または、証拠・重大度評価・細かな修正と再テストのループが必要で、一般的なバグ探し用プロンプトでは物足りないときの構造化されたQAガイドとして使えます。

ui-ux-pro-maxはAIによるUI/UXデザイン支援スキルです。レイアウト、スタイル、カラースキーム、タイポグラフィ、UXルールなどを体系的にガイドし、Webやモバイル開発に最適。React、Next.js、Vue、Svelte、Tailwind、shadcn/ui、SwiftUI、React Native、Flutter、HTML/CSSに対応し、設計・レビュー・改善に役立つデザイン知見を提供します。

ckm:ui-stylingはshadcn/ui、Tailwind CSS、キャンバスベースのビジュアル設計を活用し、アクセシブルで本番対応のUIを構築できます。Reactプロジェクトで構造化レイアウトやダークモード、デザインシステムを必要とする場合に最適。UI設計やテーマ設定、プロトタイピングを効率化する実践的なガイドを提供します。

ckm:brand は、ブランドガイドライン、メッセージ設計、ブランドボイス、ビジュアルアイデンティティ、design-token sync の作成・更新・レビューを、実用的なスクリプトとチェックリストで支援するブランディング運用スキルです。

accessibility-complianceスキルは、実践的なWCAG 2.2、ARIA、キーボード操作、スクリーンリーダー、モバイルアクセシビリティの指針をもとに、チームのWeb／モバイルUI監査と改善を支援します。UX監査、コンポーネント修正、実装に落とし込みやすい改善提案に適しています。

design-system-patternsは、デザインシステムやコンポーネントライブラリ向けに、トークン設計、テーマアーキテクチャ、再利用しやすいコンポーネントAPIパターンを通じて、拡張しやすいUI基盤づくりを支援するスキルです。

web-component-designは、React・Vue・Svelteで再利用可能なUIコンポーネントを設計したいチーム向けのスキルです。デザインシステムで役立つ堅実なAPIパターン、アクセシビリティの指針、スタイリング選定時のトレードオフを整理した参考情報を提供します。

mobile-android-design は、Material Design 3、Jetpack Compose、テーマ設計、ナビゲーション、さらにスマートフォン・タブレット・折りたたみ端末向けのアダプティブレイアウトパターンに沿って、AndroidネイティブなUIガイダンスをエージェントが提供できるよう支援します。

mobile-ios-designスキルを使うと、Apple HIGの原則、SwiftUIパターン、ナビゲーション設計、アクセシビリティ、iPhoneとiPadに対応した適応レイアウトに基づき、iOSネイティブらしいUIガイダンスをエージェントが作成しやすくなります。

tailwind-design-system スキルを使って、Tailwind CSS v4 のデザインシステムを構築できます。トークン設計、テーマ設定、バリアント、アクセシビリティ、v3 から v4 への移行ガイダンスまでカバーしています。

wcag-audit-patternsは、アクセシビリティレビューのために構造化されたWCAG 2.2監査スキルです。自動検出の結果と手動チェックを組み合わせ、重大度と適合レベルに沿って課題の優先順位を整理し、ページ・ユーザーフロー・コンポーネントごとに実行しやすい改善ガイダンスを作成するのに役立ちます。

screen-reader-testing は、UX監査やアクセシビリティQAで実践的に使えるスキルです。VoiceOver、NVDA、JAWS を使った Web アプリの検証方法、優先すべきブラウザ・プラットフォームの組み合わせ、フォーム、ARIA の挙動、フォーカス管理、動的アナウンスの確認ポイントを学べます。

web-design-guidelines は、最新ルールを取得しながら UI コードを Vercel Web Interface Guidelines に照らして確認し、UX とアクセシビリティ監査向けに簡潔な file:line 指摘を返します。

harden スキルは、UI デザインやインターフェース仕様を本番投入できる状態に近づけるために、エッジケース、空状態、エラー処理、長文、ローカライズ、権限、その他の実運用で起こりうる失敗パターンをテストします。UI Design 用の harden が必要で、レイアウト崩れを減らし、動作ルールをより完全にしたいときに使ってください。

Clarifyは、わかりにくいUXコピー、エラーメッセージ、ラベル、オンボーディングの手順、各種案内文を改善し、ユーザーが迷わず行動できるようにするスキルです。Technical Writing、サポート向けコンテンツ、UIテキストをより明確にしたいプロダクトチームに適しています。書き換えに入る前に、文脈、対象ユーザー、ユーザーの状態を確認するため、より直接的で具体的かつ使いやすい表現に整えやすいのが特長です。

audit skill は、フロントエンド実装に対して技術的な UX Audit を実施し、アクセシビリティ、パフォーマンス、テーマ対応、レスポンシブ挙動、アンチパターンを確認します。結果はスコア付きの所見、P0〜P3 の重大度ラベル、アクションプランとして整理されます。利用前には、関連する impeccable skills による必要なセットアップが求められます。

frontend-design は、文脈を起点に個性あるフロントエンドUIコードを作るための skill です。想定ユーザー、利用シーン、ブランドトーンをもとに、ページ・コンポーネント・画面フローのレイアウト、タイポグラフィ、配色、モーション、インタラクション状態、UXライティングをより完成度高く整えたいときに役立ちます。