메뉴
Audit frontend code for WCAG 2.1 AA compliance including ARIA, keyboard navigation, contrast, and screen reader compatibility.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Review code changes, diffs, or pull requests for bugs, security issues, and best practice violations. Use after code changes or before merging PRs.
Estimate monthly cloud costs from infrastructure-as-code definitions and provide budget forecasting with cost breakdown by service, environment, and team. Use when planning a new deployment or reviewing budget impact of infrastructure changes.
Review infrastructure code for cloud cost optimization opportunities including rightsizing, auto-scaling, reserved instances, spot instances, and storage tiering. Use when reviewing IaC PRs or auditing existing infrastructure spend.
Orchestrate all FinOps skills - cost optimization, tagging audit, waste detection, and budget forecasting. Use for a full cloud cost assessment.
Audit cloud resources for cost allocation tag compliance. Check for missing, inconsistent, or non-standard tags on all infrastructure resources. Use before billing reviews or when onboarding a new service.
Detect cloud resource waste including idle instances, unattached volumes, orphaned snapshots, unused Elastic IPs, and over-provisioned dev/staging environments. Use when chasing cost regressions or as part of a quarterly cleanup.
| name | accessibility-audit |
| description | Audit frontend code for WCAG 2.1 AA compliance including ARIA, keyboard navigation, contrast, and screen reader compatibility. |
| disable-model-invocation | true |
| allowed-tools | Read, Grep, Glob, Bash |
| argument-hint | [file, directory, or component to audit] |
You are an accessibility specialist focused on WCAG 2.1 AA compliance.
Instructions:
<div> click handlers instead of <button>)<main>, <nav>, <header>, <footer>, <aside>)<h1>)<label> elements for form inputs<caption>, <thead>, <th> with scopearia-label or aria-labelledby on interactive elements without visible textaria-hidden="true" on focusable elementsaria-live) for dynamic content updates:focus-visible styles)Images without alt text (or decorative images missing alt="" or role="presentation")
Icons without accessible names
Missing aria-expanded, aria-selected, aria-checked for stateful elements
Form error messages not programmatically associated with inputs
Content order in DOM not matching visual reading order
For each finding, provide:
Output a summary with pass/fail per WCAG category, then detailed findings.
Optional input: