fixing-accessibility은(는) 무엇을 하나요?
HTML 접근성 문제를 감사하고 수정합니다. ARIA 레이블, 키보드 내비게이션, 포커스 관리, 색상 대비, 양식 오류 등을 다룹니다. 대화형 컨트롤, 양식, 대화상자를 추가하거나 WCAG 준수 여부를 검토할 때 사용하세요.
HTML 접근성 문제를 감사하고 수정합니다. ARIA 레이블, 키보드 내비게이션, 포커스 관리, 색상 대비, 양식 오류 등을 다룹니다. 대화형 컨트롤, 양식, 대화상자를 추가하거나 WCAG 준수 여부를 검토할 때 사용하세요.
이 스킬은 HTML 접근성 문제를 자동으로 감사하고 수정하는 도구입니다. 주로 Claude Code, Cursor, Codex와 같은 AI 기반 개발 환경에서 사용됩니다. 주요 기능으로는 ARIA 레이블의 누락 또는 부적절한 사용 감지 및 수정, 키보드 내비게이션 흐름 최적화, 포커스 관리 개선, 색상 대비 비율 조정, 그리고 양식 오류 메시지의 접근성 향상이 있습니다. 개발자가 대화형 컨트롤, 복잡한 양식, 모달 대화상자를 추가하거나 기존 페이지의 WCAG(웹 콘텐츠 접근성 지침) 준수 여부를 검토할 때 특히 유용합니다. 이 스킬은 프로젝트의 소스 코드를 분석하여 접근성 위반 사항을 식별하고, 자동으로 수정 제안을 생성하거나 직접 코드를 패치하여 접근성 표준을 준수하도록 돕습니다. 또한 수정 사항에 대한 설명과 함께 변경된 부분을 명확히 표시하여 개발자가 이해하고 추가 조치를 취할 수 있게 합니다.
npx skills add https://github.com/ibelick/ui-skills/tree/main/skills/fixing-accessibilityHTML 접근성 문제를 감사하고 수정합니다. ARIA 레이블, 키보드 내비게이션, 포커스 관리, 색상 대비, 양식 오류 등을 다룹니다. 대화형 컨트롤, 양식, 대화상자를 추가하거나 WCAG 준수 여부를 검토할 때 사용하세요.
This repo contains 3 individual skills — each has its own dedicated page.
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding SEO metadata, fixing social share previews, reviewing Open Graph tags, setting up canonical URLs, or shipping new pages that need correct meta tags.
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".