Frontend Browser Debugging
lobehub/lobehub
Traces intermittent UI, stale state, ordering and navigation bugs through a browser to find the first boundary where correct data becomes wrong.
Investigates suspected bugs in the daisyUI monorepo through read-only analysis, then writes a decision-ready fix plan in tmp/bugs without changing any product code.
$ npx skills add saadeghi/daisyui --skill find-bugs -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install saadeghi/daisyui find-bugs --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/saadeghi/daisyui.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/find-bugs .claude/skills/find-bugs && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "find-bugs" agent skill from https://github.com/saadeghi/daisyui/tree/master/.agents/skills/find-bugs into .claude/skills/find-bugs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "find-bugs", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/saadeghi/daisyui/tree/master/.agents/skills/find-bugsType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add saadeghi/daisyui --skill find-bugs -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install saadeghi/daisyui find-bugs --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/saadeghi/daisyui.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/find-bugs .agents/skills/find-bugs && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "find-bugs" agent skill from https://github.com/saadeghi/daisyui/tree/master/.agents/skills/find-bugs into .agents/skills/find-bugs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "find-bugs", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add saadeghi/daisyui --skill find-bugs -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install saadeghi/daisyui find-bugs --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/saadeghi/daisyui.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/find-bugs .cursor/skills/find-bugs && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "find-bugs" agent skill from https://github.com/saadeghi/daisyui/tree/master/.agents/skills/find-bugs into .cursor/skills/find-bugs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "find-bugs", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/saadeghi/daisyui.git --path .agents/skills/find-bugs--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add saadeghi/daisyui --skill find-bugs -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install saadeghi/daisyui find-bugs --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/saadeghi/daisyui.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/find-bugs .gemini/skills/find-bugs && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "find-bugs" agent skill from https://github.com/saadeghi/daisyui/tree/master/.agents/skills/find-bugs into .gemini/skills/find-bugs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "find-bugs", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install saadeghi/daisyui find-bugsInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add saadeghi/daisyui --skill find-bugs -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/saadeghi/daisyui.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/find-bugs .github/skills/find-bugs && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "find-bugs" agent skill from https://github.com/saadeghi/daisyui/tree/master/.agents/skills/find-bugs into .github/skills/find-bugs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "find-bugs", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add saadeghi/daisyui --skill find-bugs -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install saadeghi/daisyui find-bugs --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/saadeghi/daisyui.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/find-bugs .opencode/skills/find-bugs && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "find-bugs" agent skill from https://github.com/saadeghi/daisyui/tree/master/.agents/skills/find-bugs into .opencode/skills/find-bugs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "find-bugs", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
find-bugsInvestigates suspected bugs in the daisyUI monorepo through read-only analysis, then writes a decision-ready fix plan in tmp/bugs without changing any product code.
Evidence-backed product bugs are the only output here, and the result is a plan you can approve or reject rather than a fix. The agent reproduces the defect, proves its impact, finds the root cause and the boundary within which it can be isolated, weighs non-code options, and writes the plan as a markdown file under tmp/bugs. It also supports proactive bug hunts across packages/daisyui and packages/docs.
A strict boundary keeps the repository read-only apart from those plan files: no edits to source, tests, snapshots, config, dependencies or Git metadata, no formatters or installers, no branches, commits or PRs, and no patch or replacement code, only a prose description of the intended behavior. Disposable reproductions and screenshots go in an operating system temp directory, and anything that would write build output runs on a temporary copy or is recorded as pending.
Work is routed to a custom agent named bug_finder, and the skill stops with a report if that agent is unavailable. Before investigating, the agent reads the packages and target package AGENTS.md files and the matching reference notes for daisyUI, the docs site and the bug plan format.
7 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 9adbeaa. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
gitrgFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Bug Finder for daisyUI loads about 2.3k tokens when it runs, and up to ~3.8k if it reads all its reference files. Until then it costs about 126 tokens; SKILL.md has 1,221 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from saadeghi/daisyui at commit 9adbeaa, republished under its MIT licence (© saadeghi). 1,221 words, ~2,332 tokens.
.claude/skills/find-bugs/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.Find only evidence-backed product bugs and leave the user with a plan they can approve or reject. Do not implement the plan.
bug_finder custom agent, delegate the complete task to bug_finder and
wait for its result. Tell the agent to use this skill. Do not investigate the bug or write the
plan in the current agent.bug_finder custom agent, perform this workflow directly. Do not delegate it
again.bug_finder is not available, stop and report the problem. Do not run this workflow with a
different agent or model.tmp/bugs/*.md plan files.packages/. Put disposable fixtures, logs, and
screenshots in an OS temporary directory.Normal tests, local servers, and read-only diagnostics are allowed. Prefer commands that do not write into the repository. Before running any command, determine whether it creates build output or generated files. If it does, use an OS-temporary copy or a non-writing alternative; otherwise record that verification as pending. Never overwrite or clean up a user's files.
packages/AGENTS.md.AGENTS.md.packages/daisyui.packages/docs.Re-read current files rather than assuming this skill's repository map is still complete.
git status --short without changing it. Treat every pre-existing change as user-owned.rg --files and rg first. Follow the failing route, selector, class, option, data field, or
message into its callers, transformations, and generated/product-facing output.A finding is confirmed only when all of these are true:
Use the narrowest existing automated test or diagnostic first, then broader verification in proportion to the risk. For visual or interactive behavior, inspect the rendered page, computed state, console, and network as relevant. Never change source merely to make a reproduction.
Do not write a plan for an unverified suspicion. Report what is missing and stop.
Identify the smallest source unit that explains every reproduced symptom. Distinguish root cause from the file where the symptom becomes visible.
Map:
Call the bug independently fixable only when:
If isolation cannot be demonstrated, do not present the plan as ready. State the unresolved coupling or product decision needed and stop without creating a decision-ready plan.
Create a plan only after answering yes to every item:
tmp/bugs/.status: open.tmp/bugs/ only when at least one finding passes the readiness gate.Report the created or updated plan path, the verified product impact, and any verification that remains pending. Explicitly state that no fix was implemented. End the task and wait for the user's decision.
© saadeghi, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 3 other files (references) in .agents/skills/find-bugs of saadeghi/daisyui.
Open the folder on GitHubat commit 9adbeaa
Bug Finder for daisyUI next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Bug Finder for daisyUI this skillsaadeghi/daisyui | 43k | — | ~2.3k | Automated safety check: Pass | MIT | |
| Frontend Browser Debugginglobehub/lobehub | 83k | — | ~1.7k | Automated safety check: Pass | Custom licence | |
| Debugging Codemajiayu000/claude-skill-registry | 666 | 2 repos | ~3.1k | Automated safety check: Pass | MIT | |
| OpenLogi macOS Permissions TriageAprilNEA/OpenLogi | 23k | — | ~2.5k | Automated safety check: Notes | Apache-2.0 | |
| Root Cause Debugginggarrytan/gstack | 136k | — | ~1.4k | Automated safety check: Pass | MIT | |
| Graph-Based Bug Tracingtirth8205/code-review-graph | 32k | 1 repos | ~287 | Automated safety check: Pass | MIT |
lobehub/lobehub
Traces intermittent UI, stale state, ordering and navigation bugs through a browser to find the first boundary where correct data becomes wrong.
majiayu000/claude-skill-registry
Interactively debug source code — set breakpoints, step through execution line by line, inspect live variable state, evaluate expressions against the running program, and navigate the call stack to…
AprilNEA/OpenLogi
Decides whether an OpenLogi device problem on macOS is a privacy-permission (TCC) problem, using agent log lines, and says which identity needs which grant.
garrytan/gstack
Investigates bugs, errors and stack traces in phases and requires a root-cause hypothesis to be confirmed before any fix is written.
tirth8205/code-review-graph
Traces a bug through a code knowledge graph, following callers, callees and execution flow before opening source files, within a small token budget.
ChrisWiles/claude-code-showcase
Applies a four-phase debugging routine that finds the root cause of a bug or failing test before any fix is written.
saadeghi/daisyui
Reviews open pull requests in the daisyUI repository using read-only GitHub data and isolated base-versus-PR checks, then writes a merge verdict report.
saadeghi/daisyui
Official daisyUI skill for Tailwind CSS projects, routing to install, usage, configuration, color and per-component guides before writing any HTML or JSX with its classes.
saadeghi/daisyui
Rules for using daisyUI 5's semantic color names, such as primary and base-100, so interfaces stay readable across themes.
saadeghi/daisyui
Rules for styling HTML with daisyUI 5 class names first, falling back to Tailwind utilities only when needed, and avoiding unnecessary custom CSS or default color variants.
saadeghi/daisyui
Installation instructions for daisyUI 5 with Tailwind CSS 4: the npm setup, CSS plugin lines, CDN usage and pointers to framework-specific guides.
saadeghi/daisyui
Configuration options for daisyUI 5
Works with
Categories
Investigates suspected bugs in the daisyUI monorepo through read-only analysis, then writes a decision-ready fix plan in tmp/bugs without changing any product code. Evidence-backed product bugs are the only output here, and the result is a plan you can approve or reject rather than a fix. The agent reproduces the defect, proves its impact, finds the root cause and the boundary within which it can be isolated, weighs non-code options, and writes the plan as a markdown file under tmp/bugs.
Bug Finder for daisyUI fits situations like: reproducing a reported daisyUI component defect and proving its impact; searching packages/daisyui or packages/docs for bugs on your own initiative; finding the root cause of a bug without changing any code; preparing a bug-fix plan to approve before implementation starts.
Run `npx skills add saadeghi/daisyui --skill find-bugs -a claude-code`. Or copy the skill folder (.agents/skills/find-bugs in saadeghi/daisyui) into .claude/skills/find-bugs in your project. Claude Code loads it when a task matches its description.
Run `npx skills add saadeghi/daisyui --skill find-bugs -a codex`. Or copy the skill folder (.agents/skills/find-bugs in saadeghi/daisyui) into .agents/skills/find-bugs in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add saadeghi/daisyui --skill find-bugs -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/find-bugs, .gemini/skills/find-bugs, .github/skills/find-bugs and .opencode/skills/find-bugs in your project.
Going by SKILL.md and its folder, Bug Finder for daisyUI needs the command-line tools its instructions call (git and rg). Our summary lists: A checkout of the daisyUI monorepo; A custom agent named bug_finder.
SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Bug Finder for daisyUI is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.3k tokens (SKILL.md is roughly 9.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.5k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Bug Finder for daisyUI: Frontend Browser Debugging (lobehub/lobehub, 83k stars), Debugging Code (majiayu000/claude-skill-registry, 666 stars), OpenLogi macOS Permissions Triage (AprilNEA/OpenLogi, 23k stars) and Root Cause Debugging (garrytan/gstack, 136k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
saadeghi (a GitHub user) maintains it in saadeghi/daisyui, which has 42,555 GitHub stars. The repository holds 7 skills in this directory. The repository was last updated on September 30, 2026.
Source: saadeghi/daisyui on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.