·debug-mode
</>

debug-mode

This skill should be used when debugging frontend/UI bugs that need runtime evidence. USE THIS SKILL (instead of adding console.log) when you're about to: "add console.log and ask user to check", "open DevTools and tell me what you see", "reproduce the bug and share the output", "check the browser console". Triggers: "debug this", "fix this bug", "why isn't this working", "investigate this issue", "trace the problem", "figure out why X happens", "UI not updating", "state is wrong", "value is null/undefined", "click doesn't work", "modal not showing". Automates log collection server-side - you read logs directly, no user copy-paste needed.

4Installs·0Trend·@andrueandersoncs

Installation

$npx skills add https://github.com/andrueandersoncs/debug-skill --skill debug-mode

How to Install debug-mode

Quickly install debug-mode AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/andrueandersoncs/debug-skill --skill debug-mode
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: andrueandersoncs/debug-skill.

SKILL.md

View raw

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):

This skill should be used when debugging frontend/UI bugs that need runtime evidence. USE THIS SKILL (instead of adding console.log) when you're about to: "add console.log and ask user to check", "open DevTools and tell me what you see", "reproduce the bug and share the output", "check the browser console". Triggers: "debug this", "fix this bug", "why isn't this working", "investigate this issue", "trace the problem", "figure out why X happens", "UI not updating", "state is wrong", "value is null/undefined", "click doesn't work", "modal not showing". Automates log collection server-side - you read logs directly, no user copy-paste needed. Source: andrueandersoncs/debug-skill.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/andrueandersoncs/debug-skill --skill debug-mode
Category
</>Dev Tools
Verified
First Seen
2026-03-13
Updated
2026-03-13

Browse more skills from andrueandersoncs/debug-skill

Quick answers

What is debug-mode?

This skill should be used when debugging frontend/UI bugs that need runtime evidence. USE THIS SKILL (instead of adding console.log) when you're about to: "add console.log and ask user to check", "open DevTools and tell me what you see", "reproduce the bug and share the output", "check the browser console". Triggers: "debug this", "fix this bug", "why isn't this working", "investigate this issue", "trace the problem", "figure out why X happens", "UI not updating", "state is wrong", "value is null/undefined", "click doesn't work", "modal not showing". Automates log collection server-side - you read logs directly, no user copy-paste needed. Source: andrueandersoncs/debug-skill.

How do I install debug-mode?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/andrueandersoncs/debug-skill --skill debug-mode Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/andrueandersoncs/debug-skill

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-03-13

Related Skills

None