Communitygithub.com

SamuelChien/mega-skills-collection

アクセシビリティ監査ランナー - フロントエンド開発向け自動起動スキル。

mega-skills-collection とは?

このスキルは、フロントエンド開発においてアクセシビリティ監査を自動化および支援するためのものです。開発者が「アクセシビリティ監査ランナー」というキーワードを入力するか、アクセシビリティ関連のタスクを依頼すると自動的に起動します。React、Vue、CSS、アクセシビリティ、パフォーマンス最適化など、最新のウェブ開発パターンに対応し、ベストプラクティスに基づいた段階的なガイダンスを提供します。このスキルは、アクセシビリティ監査の実行、設定のセットアップ、コード生成、標準に準拠した出力検証をサポートします。Claude Code、Cursor、CodexなどのAIエージェントプラットフォームで利用可能で、フロントエンドスキルカテゴリの一部として、効率的でアクセシブルな開発を促進します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/SamuelChien/mega-skills-collection/tree/HEAD/accessibility-audit-runner

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

アクセシビリティ監査ランナー

目的

このスキルは、フロントエンド開発領域におけるアクセシビリティ監査ランナータスクの自動化支援を提供します。

使用タイミング

このスキルは、以下の場合に自動的に起動します:

  • リクエスト内で「アクセシビリティ監査ランナー」に言及した場合
  • アクセシビリティ監査ランナーのパターンやベストプラクティスについて質問した場合
  • React、Vue、CSS、アクセシビリティ、パフォーマンス最適化、最新のウェブ開発パターンを含むフロントエンドスキルに関する支援が必要な場合

機能

  • アクセシビリティ監査ランナーの段階的なガイダンスを提供
  • 業界のベストプラクティスとパターンに従う
  • プロダクション対応のコードと設定を生成
  • 一般的な標準に対する出力を検証

トリガーの例

  • 「アクセシビリティ監査ランナーを手伝って」
  • 「アクセシビリティ監査ランナーを設定して」
  • 「アクセシビリティ監査ランナーを実装するにはどうすればいい?」

関連スキル

フロントエンド開発スキルカテゴリの一部です。 タグ: react, vue, css, accessibility, web

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

SamuelChien/mega-skills-collection

Security audit, hardening, threat modeling (STRIDE/PASTA), Red/Blue Team, OWASP checks, code review, incident response, and infrastructure security for any project.

SamuelChien/mega-skills-collection

Arquitecto de Soluciones Principal y Consultor Tecnológico de Andru.ia. Diagnostica y traza la hoja de ruta óptima para proyectos de IA en español.

SamuelChien/mega-skills-collection

Ingeniero de Sistemas de Andru.ia. Diseña, redacta y despliega nuevas habilidades (skills) dentro del repositorio siguiendo el Estándar de Diamante.

SamuelChien/mega-skills-collection

Estratega de Inteligencia de Dominio de Andru.ia. Analiza el nicho específico de un proyecto para inyectar conocimientos, regulaciones y estándares únicos del sector. Actívalo tras definir el nicho.

SamuelChien/mega-skills-collection

2D game development principles. Sprites, tilemaps, physics, camera.

SamuelChien/mega-skills-collection

3D game development principles. Rendering, shaders, physics, cameras.

SamuelChien/mega-skills-collection

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences.

SamuelChien/mega-skills-collection

Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating accessibility checks into CI/CD pipelines.

SamuelChien/mega-skills-collection

Ab Test Analyzer - Auto-activating skill for Data Analytics. Triggers on: ab test analyzer, ab test analyzer Part of the Data Analytics skill category.

SamuelChien/mega-skills-collection

A B Test Config Creator - Auto-activating skill for ML Deployment. Triggers on: a b test config creator, a b test config creator Part of the ML Deployment skill category.

SamuelChien/mega-skills-collection

When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "conversion experiment," "statistical significance," or "test this." For tracking implementation, see analytics-tracking.

SamuelChien/mega-skills-collection

Acceptance Criteria Creator - Auto-activating skill for Enterprise Workflows. Triggers on: acceptance criteria creator, acceptance criteria creator Part of the Enterprise Workflows skill category.

SamuelChien/mega-skills-collection

Use when a coding task should be driven end-to-end from issue intake through implementation, review, deployment, and acceptance verification with minimal human re-intervention.

SamuelChien/mega-skills-collection

You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.

SamuelChien/mega-skills-collection

Web accessibility patterns for WCAG 2.2 compliance including ARIA, keyboard navigation, screen readers, and testing

SamuelChien/mega-skills-collection

Manage Discord channel access — approve pairings, edit allowlists, set DM/group policy. Use when the user asks to pair, approve someone, check who's allowed, or change policy for the Discord channel.

SamuelChien/mega-skills-collection

Create unified specification packages across Business, Development, and Design teams. Staged elaboration (L0 Vision → L1 Requirements → L2 Team Detail → L3 Acceptance Criteria) to build shared understanding. Does not write code.

SamuelChien/mega-skills-collection

Research a company or person and get actionable sales intel. Works standalone with web search, supercharged when you connect enrichment tools or your CRM. Trigger with "research [company]", "look up [person]", "intel on [prospect]", "who is [name] at [company]", or "tell me about [company]".

SamuelChien/mega-skills-collection

Create forensically sound bit-for-bit disk images using dd and dcfldd while preserving evidence integrity through hash verification.

SamuelChien/mega-skills-collection

Validate messaging consistency across website, GitHub repos, and local documentation generating read-only discrepancy reports. Use when checking content alignment or finding mixed messaging. Trigger with phrases like "check consistency", "validate documentation", or "audit messaging".

関連スキル