이 기술은 런타임 증거가 필요한 프런트엔드/UI 버그를 디버깅할 때 사용해야 합니다. "console.log를 추가하고 사용자에게 확인 요청", "DevTools를 열고 보이는 내용 알려주기", "버그 재현 및 출력 공유", "브라우저 콘솔 확인"을 하려고 할 때 (console.log를 추가하는 대신) 이 기술을 사용하십시오. 트리거: "디버그", "버그 수정", "작동하지 않는 이유", "이 문제 조사", "문제 추적", "X가 발생하는 이유 파악", "UI가 업데이트되지 않음", "상태가 잘못됨", "값이 null/정의되지 않음", "클릭이 작동하지 않음", "모달이 표시되지 않음". 서버 측 로그 수집을 자동화합니다. 사용자가 복사하여 붙여넣을 필요 없이 로그를 직접 읽을 수 있습니다.
명령줄에서 debug-mode AI 스킬을 개발 환경에 빠르게 설치
출처: andrueandersoncs/debug-skill.
Trigger signals (if you're about to do any of these, use this skill instead):
The debug server is a Bun CLI with two subcommands:
Step 1: Ensure server is running (starts if needed, exits cleanly if already running):
이 기술은 런타임 증거가 필요한 프런트엔드/UI 버그를 디버깅할 때 사용해야 합니다. "console.log를 추가하고 사용자에게 확인 요청", "DevTools를 열고 보이는 내용 알려주기", "버그 재현 및 출력 공유", "브라우저 콘솔 확인"을 하려고 할 때 (console.log를 추가하는 대신) 이 기술을 사용하십시오. 트리거: "디버그", "버그 수정", "작동하지 않는 이유", "이 문제 조사", "문제 추적", "X가 발생하는 이유 파악", "UI가 업데이트되지 않음", "상태가 잘못됨", "값이 null/정의되지 않음", "클릭이 작동하지 않음", "모달이 표시되지 않음". 서버 측 로그 수집을 자동화합니다. 사용자가 복사하여 붙여넣을 필요 없이 로그를 직접 읽을 수 있습니다. 출처: andrueandersoncs/debug-skill.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/andrueandersoncs/debug-skill --skill debug-mode이 기술은 런타임 증거가 필요한 프런트엔드/UI 버그를 디버깅할 때 사용해야 합니다. "console.log를 추가하고 사용자에게 확인 요청", "DevTools를 열고 보이는 내용 알려주기", "버그 재현 및 출력 공유", "브라우저 콘솔 확인"을 하려고 할 때 (console.log를 추가하는 대신) 이 기술을 사용하십시오. 트리거: "디버그", "버그 수정", "작동하지 않는 이유", "이 문제 조사", "문제 추적", "X가 발생하는 이유 파악", "UI가 업데이트되지 않음", "상태가 잘못됨", "값이 null/정의되지 않음", "클릭이 작동하지 않음", "모달이 표시되지 않음". 서버 측 로그 수집을 자동화합니다. 사용자가 복사하여 붙여넣을 필요 없이 로그를 직접 읽을 수 있습니다. 출처: andrueandersoncs/debug-skill.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/andrueandersoncs/debug-skill --skill debug-mode 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/andrueandersoncs/debug-skill