debug-broken-ui

reticlehq/reticle Coding & code review Frontend & design

debug-broken-ui is a skill in reticlehq/reticle, last changed 26 Oct 2026. It can reach the network and name web addresses.

From the author

Find out why something in a running web app does not work, when the console is empty and the code looks correct. Reads the click, the request, the store and the console together and returns the file:line to open. Use when a button does nothing, a form will not submit, data will not load, a page renders blank or stale, a modal will not close, or the user says "it's broken" and the code review says it is fine.

How much a skill can do, not whether it is risky.

Pattern check

Nothing flagged

That isn't proof the skill is harmless.

Commit c191761 · 29 Oct 2026

How the check works

Pattern check: nothing flagged

That isn't proof the skill is harmless.

Install

Each tab says whether it installs commit c191761, the one we checked, or the latest version.

OpenCode also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Goose also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Windsurf (Devin Desktop) also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Zed also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Roo Code also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Factory Droid also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Junie also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Amp also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

No install command here reaches Kiro. Copy the skill's folder into .kiro/skills/ in your project, or ~/.kiro/skills/ for all your projects. reticlehq/reticle/skills/debug-broken-ui (opens in a new tab)

Antigravity also looks in .agents/skills/, so the Any agent steps reach it with This project. For All projects, see where Antigravity looks.

Cline also looks in .claude/skills/, so the Claude Code steps reach it with This project. For All projects, see where Cline looks.

No tab for your agent? Use Any agent for OpenCode, Goose, Windsurf (Devin Desktop), Zed, Roo Code, Factory Droid, Junie and Amp. With This project, Any agent also reaches Antigravity and Claude Code reaches Cline. Kiro needs the folder copied by hand.

Pinned to commit c191761, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/reticlehq/reticle.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin c191761bfc258631112dac791ec77b2e6c458e42 &&git -C "$tmp" sparse-checkout set -- skills/debug-broken-ui &&git -C "$tmp" checkout -q c191761bfc258631112dac791ec77b2e6c458e42 &&mkdir -p .claude/skills &&mkdir .claude/skills/debug-broken-ui &&cp -R "$tmp"/skills/debug-broken-ui/. .claude/skills/debug-broken-ui/ &&rm -rf "$tmp"

If Claude Code was already running and this created the skills folder, run /reload-skills.

Claude Code docs

Pinned to commit c191761, the one we checked.

Skills in the Claude apps belong to your account rather than to a project.

Make debug-broken-ui.zip, with the skill folder at the top level:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/reticlehq/reticle.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin c191761bfc258631112dac791ec77b2e6c458e42 &&git -C "$tmp" sparse-checkout set -- skills/debug-broken-ui &&git -C "$tmp" checkout -q c191761bfc258631112dac791ec77b2e6c458e42 &&out="$(mktemp -d)" &&cp -R "$tmp"/skills/debug-broken-ui "$out"/debug-broken-ui &&(cd "$out" && zip -qr - debug-broken-ui) > debug-broken-ui.zip &&rm -rf "$tmp" "$out"

In Claude, open Customize > Skills, select +, then + Create skill > Upload a skill, and choose debug-broken-ui.zip.

On Free, Pro and Max plans, turn on Code execution and file creation (Create and edit files in newer settings) under Settings > Capabilities.

Claude apps docs

Pinned to commit c191761, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/reticlehq/reticle.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin c191761bfc258631112dac791ec77b2e6c458e42 &&git -C "$tmp" sparse-checkout set -- skills/debug-broken-ui &&git -C "$tmp" checkout -q c191761bfc258631112dac791ec77b2e6c458e42 &&mkdir -p .agents/skills &&mkdir .agents/skills/debug-broken-ui &&cp -R "$tmp"/skills/debug-broken-ui/. .agents/skills/debug-broken-ui/ &&rm -rf "$tmp"

Codex picks up new skills on its own; restart it if this one does not appear.

Codex docs

Pinned to commit c191761, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/reticlehq/reticle.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin c191761bfc258631112dac791ec77b2e6c458e42 &&git -C "$tmp" sparse-checkout set -- skills/debug-broken-ui &&git -C "$tmp" checkout -q c191761bfc258631112dac791ec77b2e6c458e42 &&mkdir -p .cursor/skills &&mkdir .cursor/skills/debug-broken-ui &&cp -R "$tmp"/skills/debug-broken-ui/. .cursor/skills/debug-broken-ui/ &&rm -rf "$tmp"

Cursor docs

Pinned to commit c191761, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/reticlehq/reticle.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin c191761bfc258631112dac791ec77b2e6c458e42 &&git -C "$tmp" sparse-checkout set -- skills/debug-broken-ui &&git -C "$tmp" checkout -q c191761bfc258631112dac791ec77b2e6c458e42 &&mkdir -p .github/skills &&mkdir .github/skills/debug-broken-ui &&cp -R "$tmp"/skills/debug-broken-ui/. .github/skills/debug-broken-ui/ &&rm -rf "$tmp"

In a running Copilot CLI session, run /skills reload.

Or install it with gh skill, which also installs the commit we checked. Needs GitHub CLI 2.90 or later.

gh skill install reticlehq/reticle skills/debug-broken-ui/SKILL.md@c191761bfc258631112dac791ec77b2e6c458e42 --agent github-copilot --scope project

Copilot & VS Code docs

Pinned to commit c191761, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/reticlehq/reticle.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin c191761bfc258631112dac791ec77b2e6c458e42 &&git -C "$tmp" sparse-checkout set -- skills/debug-broken-ui &&git -C "$tmp" checkout -q c191761bfc258631112dac791ec77b2e6c458e42 &&mkdir -p .gemini/skills &&mkdir .gemini/skills/debug-broken-ui &&cp -R "$tmp"/skills/debug-broken-ui/. .gemini/skills/debug-broken-ui/ &&rm -rf "$tmp"

In a running session, run /skills reload.

Or use Gemini CLI’s own installer. Installs the latest version, not the one we checked.

gemini skills install https://github.com/reticlehq/reticle.git --path skills/debug-broken-ui --scope workspace

Gemini CLI docs

Pinned to commit c191761, the one we checked.

OpenCode, Goose, Windsurf (Devin Desktop), Zed, Roo Code, Factory Droid, Junie, Amp and Antigravity read .agents/skills in a project.

From your project's root folder:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/reticlehq/reticle.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin c191761bfc258631112dac791ec77b2e6c458e42 &&git -C "$tmp" sparse-checkout set -- skills/debug-broken-ui &&git -C "$tmp" checkout -q c191761bfc258631112dac791ec77b2e6c458e42 &&mkdir -p .agents/skills &&mkdir .agents/skills/debug-broken-ui &&cp -R "$tmp"/skills/debug-broken-ui/. .agents/skills/debug-broken-ui/ &&rm -rf "$tmp"

Or use the skills CLI from skills.sh. Installs the latest version, not the one we checked. The skills CLI reports installs to skills.sh unless you set DISABLE_TELEMETRY=1.

npx skills@1.7.4 add reticlehq/reticle --skill debug-broken-ui

Agent Skills docs

Read SKILL.md first

Apache 2.0

Licence

1.3k

Repo stars

Folder last changed

Publisher

Files

Checked

29 Oct 2026

What it can touch

From the files and frontmatter at commit c191761. This is how much a skill can do, not whether it is risky.

Reaches the network
It sends or fetches data over the internet, for example with curl, an HTTP library or a package install.
Names web addresses
It mentions outside web addresses the agent may visit. We list them but don't follow them.
Outside links we did not follow

Pattern check

Pattern check: nothing flagged · commit c191761 · 29 Oct 2026

We checked every text file in this skill, at commit c191761 on 29 Oct 2026, against 45 published patterns such as download-and-run commands, hidden text and credential access. We don't run the skill, we don't read the web pages it points to, and we can't judge everything its instructions might lead an agent to do. In published tests, pattern checks like this one missed most malicious skills. Read the skill before you install it — especially anything it asks you to download or run.

How the check works Report an incorrect finding

Outside links we did not follow

https://www.reticle.sh
https://github.com/reticlehq/reticle
https://github.com/reticlehq/reticle/blob/main/skills/reticle/SKILL.md
https://docs.reticle.sh/troubleshooting.md
https://docs.reticle.sh/llms.txt

Format check

Each agent reads SKILL.md a little differently. We check the file against each one's published rules; we don't run the skill in any agent.

Agent Skills specPasses
Claude CodePasses
Claude apps & API uploadPasses
Uploading to claude.ai or the Claude API, or packaging with Anthropic's script, accepts only the six spec fields and stops on anything else.
- Note
  The description is 411 characters. The claude.ai Help Center says 200 at most, though Anthropic's API docs and validator allow 1,024. D4
  Fix: If the claude.ai upload refuses it, trim the description to 200 characters.
OpenAI (Codex & API)Passes
VS Code & CopilotPasses

SKILL.md

Read SKILL.md on GitHub

Files

1 file

Path	Size
SKILL.md (opens in a new tab)	5.4 KB

More from reticlehq/reticle

Skill	What it can touch	Pattern check	Licence	Updated
agentic-tddTest-driven development for behaviour a unit test cannot reach, by writing the expectation against the running app before writing the code. Declare the consequence first, watch it fail, implement, watch it pass. Use when building a user-facing feature, when the user asks for TDD on UI or full-stack work, when a unit test cannot express the outcome that matters, or when you want a red-green loop that runs against the real app instead of mocks. Reaches the network +1 more Pattern check: Nothing flaggedApache 2.0Updated 26 Oct 2026	Reaches the network Names web addresses	Pattern check: Nothing flagged	Apache 2.0	26 Oct 2026
audit-my-appSweep a whole running web app for what is broken, without writing a script or knowing the codebase. Clicks every reachable control and reports dead buttons, console errors, failed requests, and places where the API and the screen disagree. Use on an unfamiliar codebase, before a release, after a big merge or dependency bump, when the user asks for a smoke test or a health check, or when someone says "just check everything still works". Reaches the network +1 more Pattern check: Nothing flaggedApache 2.0Updated 26 Oct 2026	Reaches the network Names web addresses	Pattern check: Nothing flagged	Apache 2.0	26 Oct 2026
design-system-complianceCheck that the UI you actually rendered uses the design system, by reading computed styles in the running app against the project's design tokens. Catches hardcoded hex colors, off-palette backgrounds, invisible or unusable controls, and animations that never ran. Use after building or restyling a component, when a design review is wanted, when a UI looks slightly off but nobody can say why, or when a design system exists and nothing checks whether the code follows it. Reaches the network +1 more Pattern check: Nothing flaggedApache 2.0Updated 26 Oct 2026	Reaches the network Names web addresses	Pattern check: Nothing flagged	Apache 2.0	26 Oct 2026
drive-desktop-appDrive and verify an Electron or Tauri desktop app from the inside, including the main-process and Rust IPC calls a browser tool cannot see. Use when a desktop app needs testing, when a feature works in the browser but not in the packaged app, when an IPC or invoke call needs proving, when a desktop screenshot or visual diff is wanted, or when you need a headless run of a desktop UI in CI. Reaches the network +1 more Pattern check: Nothing flaggedApache 2.0Updated 26 Oct 2026	Reaches the network Names web addresses	Pattern check: Nothing flagged	Apache 2.0	26 Oct 2026
false-green-testsFind out why the tests pass but the app is broken. Catches false greens: a green suite over a feature that does not work, a mocked API standing in for a real one, an assertion that holds no matter what the app does, a click handler wired to nothing. Use when the suite is green and the user says it is broken, when a test never fails, when coverage looks fine but bugs still ship, or before trusting a passing run you did not watch. Reaches the network +1 more Pattern check: Nothing flaggedApache 2.0Updated 26 Oct 2026	Reaches the network Names web addresses	Pattern check: Nothing flagged	Apache 2.0	26 Oct 2026
fix-what-i-pointed-atPick up the bugs a human flagged by pointing at them in the running app, each arriving with the element, the note they typed, and the source file and line. Use when the user says they marked or flagged something, when starting a session on an app someone has been clicking through, when a designer or PM has left feedback in the UI, or when the user describes a problem as "that button there" without saying which file. Reaches the network +1 more Pattern check: Nothing flaggedApache 2.0Updated 26 Oct 2026	Reaches the network Names web addresses	Pattern check: Nothing flagged	Apache 2.0	26 Oct 2026

All skills in reticlehq/reticle

Other Coding & code review skills

Same category, most repo stars first.

Skill	What it can touch	Pattern check	Licence	Updated
finishing-a-development-branchUse when implementation is complete, all tests pass, and you need to decide how to integrate the work obra/superpowers Runs shell commands +1 more Pattern check: Nothing flaggedMITUpdated 12 Aug 2026	Runs shell commands Reaches the network	Pattern check: Nothing flagged	MIT	12 Aug 2026
receiving-code-reviewUse when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative agreement or blind implementation obra/superpowers Reaches the network Pattern check: Nothing flaggedMITUpdated 23 Jul 2026	Reaches the network	Pattern check: Nothing flagged	MIT	23 Jul 2026
agent-introspection-debuggingStructured self-debugging workflow for AI agent failures using capture, diagnosis, contained recovery, and introspection reports. Use when an agent run fails and you need a reproducible diagnosis instead of a retry. affaan-m/ECC Instructions only Pattern check: Nothing flaggedMITUpdated 11 Aug 2026	Instructions only	Pattern check: Nothing flagged	MIT	11 Aug 2026
api-connector-builderBuild a new API connector or provider by matching the target repo's existing integration pattern exactly. Use when adding one more integration without inventing a second architecture. affaan-m/ECC Instructions only Pattern check: Nothing flaggedMITUpdated 11 Aug 2026	Instructions only	Pattern check: Nothing flagged	MIT	11 Aug 2026
ponytailLazy senior dev mode: the smallest change that fully solves the task, and a reply a busy human understands in one read. Use on any coding task (writing, fixing, refactoring, reviewing, choosing dependencies) and when the user says "ponytail", "be lazy", "simplest solution", "yagni", or complains about over-engineering or bloat. Levels: lite, full (default), ultra. DietrichGebert/ponytail Instructions only Pattern check: Nothing flaggedMITUpdated 16 Oct 2026	Instructions only	Pattern check: Nothing flagged	MIT	16 Oct 2026
ponytail-auditQuality audit of a whole repo: bugs, security holes, what breaks under real load, risky code without tests, slow paths, and what to delete, merge or split. Ranked, each finding explained in plain English. One-shot report, changes nothing. Use for "audit this codebase", "review the whole repo", "find bloat", "what can I delete", /ponytail-audit. DietrichGebert/ponytail Instructions only Pattern check: Nothing flaggedMITUpdated 8 Oct 2026	Instructions only	Pattern check: Nothing flagged	MIT	8 Oct 2026

At a glance

What it can touch

Pattern check

Install

Claude Code

Claude apps

Codex

Cursor

Copilot & VS Code

Gemini CLI

Any agent

What it can touch

Pattern check

Outside links we did not follow

Format check

SKILL.md

Files

More from reticlehq/reticle

Other Coding & code review skills