Debug UI

Debug UI is a Quality skill for Claude Code, published by h0x91b in dev-3.0.

249 stars31 forkson h0x91b/dev-3.0Added 2026/09/02+1% in starsRepository updated 2026/09/01

agent-orchestrationai-agentsai-codingbunclaude-codecodexdeveloper-toolselectrobungemini-cligit-worktreekanbanproject-managementterminaltmux

Install in seconds

Install Debug UI

Copy Debug UI into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/h0x91b/dev-3.0/tree/main/.claude/skills/debug-ui ~/.claude/skills/debug-ui

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/h0x91b/dev-3.0.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .claude/skills/debug-ui/SKILL.md in h0x91b/dev-3.0
Installs to: ~/.claude/skills/debug-ui
Collection: One of 11 skills cataloged from this repository
Category: Quality — 1418 skills

What Debug UI does

Debug UI drives the dev-3.0 app in headless Chromium to verify UI changes, reproduce visual bugs, take screenshots, and check console errors. Use it when you need to test the running interface instead of guessing from code.

Debug UI is cataloged under Quality on DirSkills. Debug UI comes from a repository tagged agent-orchestration, ai-agents, ai-coding, bun and claude-code.

Documentation

README

Excerpt

debug-ui — QA the dev-3.0 UI in a real browser

See and drive the running dev-3.0 UI in headless Chromium — click, type, screenshot, read console errors — instead of guessing whether a UI change works. No desktop/native dependency; it works the same in a plain terminal session.

This is dev-internal tooling for the dev-3.0 repo — NOT one of the skills dev3 ships to its users (those live in src/bun/agent-skills.ts).

The whole flow

This task's dev-server is the web UI: bun run dev serves the full app in local remote mode at a stable per-machine token and a CLI-derivable port — no separate dev3 remote. The loop is always the same four beats: values → server → browser → clean up.

This is the opening of the README. Read the full README on GitHub.

Commands Debug UI provides

Slash commands named in this skill’s SKILL.md, listed in the order they first appear.

/agent-browser

Frequently asked about Debug UI

What else does h0x91b publish alongside Debug UI?
Debug UI is one of 11 skills that DirSkills catalogs from h0x91b/dev-3.0, the repository it ships in. Its siblings there include Artifact Sharing, Ask Dev3 and Ask Dev3. Each one is a separate skill with its own page in this directory, installs the same way Debug UI does, and is maintained by h0x91b in that same repository. The rest of the collection is listed on the h0x91b/dev-3.0 page.
How does Debug UI compare to other Quality skills?
Debug UI ranks #1290 by stars among the 1418 Quality skills in this catalog. The most-starred ones next to it are Benchmark, Benchmark Optimization Loop and API Design Patterns. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Debug UI against them. Open each page to compare what they document and how they install.