a11y-debugging은(는) 무엇을 하나요?
Chrome DevTools MCP를 사용하여 web.dev 가이드라인에 기반한 웹 접근성(a11y) 디버깅 및 감사를 수행합니다. 시맨틱 HTML, ARIA 레이블, 포커스 상태, 키보드 탐색, 터치 대상 및 색상 대비를 테스트할 때 사용하세요.
Chrome DevTools MCP를 사용하여 웹 접근성(a11y) 디버깅 및 감사를 수행합니다. 시맨틱 HTML, ARIA 레이블, 포커스 상태, 키보드 탐색, 터치 대상 및 색상 대비 테스트 시 사용하세요.
이 스킬은 Chrome DevTools MCP(Multi-Channel Protocol)를 활용하여 웹 접근성(a11y) 디버깅과 감사를 자동화합니다. web.dev 가이드라인을 기반으로 시맨틱 HTML 구조 확인, ARIA 레이블 적절성 평가, 포커스 상태 및 키보드 탐색 경로 검증, 터치 대상 크기 적정성 검사, 색상 대비 분석 등 포괄적인 접근성 진단을 수행합니다. 개발자 도구 환경과 원활하게 통합되어 실시간 피드백을 제공하며, CI/CD 파이프라인에 포함시켜 지속적인 접근성 품질 관리를 가능하게 합니다. 이 스킬은 Chrome DevTools를 지원하는 모든 플랫폼(Chrome 브라우저, Chromium 기반 도구 등)에서 동작하며, MCP 프로토콜을 통해 명령을 주고받아 접근성 문제를 식별하고 권장 수정 사항을 제시합니다.
npx skills add https://github.com/chromedevtools/chrome-devtools-mcp/tree/main/skills/a11y-debuggingInstalled? Explore more 생산성 & 협업 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
Chrome DevTools MCP를 사용하여 web.dev 가이드라인에 기반한 웹 접근성(a11y) 디버깅 및 감사를 수행합니다. 시맨틱 HTML, ARIA 레이블, 포커스 상태, 키보드 탐색, 터치 대상 및 색상 대비를 테스트할 때 사용하세요.
This repo contains 6 individual skills — each has its own dedicated page.
Uses Chrome DevTools via MCP for efficient debugging, troubleshooting and browser automation. Use when debugging web pages, automating browser interactions, analyzing performance, or inspecting network requests. This skill does not apply to `--slim` mode (MCP configuration).
Use this skill to write shell scripts or run shell commands to automate tasks in the browser or otherwise use Chrome DevTools via CLI.
Uses Chrome DevTools MCP for inspecting, debugging, and testing cookies, session state, authentication issues, and cookie consent compliance. Use when diagnosing 401/403 errors, authentication redirects, session expiration, Cookie/Set-Cookie header issues, cookie banner consent conformance, or third-party cookie/SameSite/Partitioned cookie warnings.
Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools. Use this skill whenever the user asks about LCP performance, slow page loads, Core Web Vitals optimization, or wants to understand why their page's main content takes too long to appear. Also use when the user mentions "largest contentful paint", "page load speed", "CWV", or wants to improve how fast their hero image or main content renders.
Diagnoses and resolves memory leaks in JavaScript/Node.js applications. Use when a user reports high memory usage, OOM errors, or wants to capture, compare, or inspect heap snapshots with Chrome DevTools MCP memory tools.
Uses Chrome DevTools MCP and documentation to troubleshoot connection and target issues. Trigger this skill when list_pages, new_page, or navigate_page fail, or when the server initialization fails.
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.