코드가 작성된 후 또는 사용자가 "테스트해 보세요"라고 말하면 실제 브라우저에서 구현을 자동으로 검증합니다. Chrome DevTools MCP를 사용하여 반응형 중단점(320px, 768px, 1024px)을 테스트하고, 접근성 규정 준수(WCAG AA 대비, 키보드 탐색, ARIA)를 확인하고, 상호 작용을 검증하고, 파일 경로 및 특정 수정 사항이 포함된 자세한 기술 보고서를 생성합니다.
명령줄에서 browser-validator AI 스킬을 개발 환경에 빠르게 설치
출처: kanopi/cms-cultivator.
Purpose Validate design implementations in real browsers using Chrome DevTools MCP to ensure quality, accessibility, and responsiveness.
This skill requires Chrome DevTools MCP integration. Correct tool names to use:
If Chrome DevTools MCP is not connected, provide manual checklist:
코드가 작성된 후 또는 사용자가 "테스트해 보세요"라고 말하면 실제 브라우저에서 구현을 자동으로 검증합니다. Chrome DevTools MCP를 사용하여 반응형 중단점(320px, 768px, 1024px)을 테스트하고, 접근성 규정 준수(WCAG AA 대비, 키보드 탐색, ARIA)를 확인하고, 상호 작용을 검증하고, 파일 경로 및 특정 수정 사항이 포함된 자세한 기술 보고서를 생성합니다. 출처: kanopi/cms-cultivator.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/kanopi/cms-cultivator --skill browser-validator코드가 작성된 후 또는 사용자가 "테스트해 보세요"라고 말하면 실제 브라우저에서 구현을 자동으로 검증합니다. Chrome DevTools MCP를 사용하여 반응형 중단점(320px, 768px, 1024px)을 테스트하고, 접근성 규정 준수(WCAG AA 대비, 키보드 탐색, ARIA)를 확인하고, 상호 작용을 검증하고, 파일 경로 및 특정 수정 사항이 포함된 자세한 기술 보고서를 생성합니다. 출처: kanopi/cms-cultivator.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/kanopi/cms-cultivator --skill browser-validator 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/kanopi/cms-cultivator