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 指摘を返します。

ui-design-system は、Design Systems 向けの Claude skill です。design tokens、color scales、typography、spacing、responsive rules、component documentation、developer handoff assets の生成を支援し、JSON、CSS、SCSS、summary 出力に対応した Python token generator と各種リファレンスも備えています。

apple-hig-expertは、iOS、macOS、watchOS、visionOSにまたがるApple HIGデザインとUI監査のためのClaude skillです。プラットフォーム別の要点、アクセシビリティの助言、Liquid Glassのビジュアルレビュー、HIG監査テンプレート、コントラストとタップターゲットを確認するPythonチェッカーを提供します。

md-review は、unified diff fences と severity callouts を含む markdown の PR レビュー文書を、単一ファイルの 2 カラム HTML コードレビューに変換します。parser、annotation、renderer scripts を使用し、名前付き reviewer が必須です。BLOCKER/MAJOR/MINOR/NIT の運用に対応し、severity をアクセシブルに伝える手がかりも保持します。

email-template-builder は、React Email または MJML テンプレート、Resend、Postmark、SendGrid、AWS SES 向けのプロバイダー連携、プレビュー機能、i18n、ダークモード、到達性チェック、トラッキングを備えたトランザクションメール基盤の設計を支援します。単発の HTML メールを、保守しやすいワークフローへ置き換えたい SaaS やプロダクトチームに適しています。