Claude Skill MartBrowse skillsQuick linesLearn by videoTerminal guideWhat is a Skill?
 
← Back to list

Dogfood (Exploratory Web App QA)

Systematically explores a web app to hunt bugs and UX issues, producing a QA report with repro videos and step-by-step screenshots for every finding.

Dev & CodingIntermediate★ 1,161⑂ 109AI score 9/10Last updated: Oct 3, 2026

What it does

  • Needs only a target URL; it auto-creates the session, dogfood-output/ folders, and a report from the bundled template.
  • Runs a six-phase workflow: initialize → authenticate → orient (snapshot) → explore top-level navigation and interactive elements → document → wrap up.
  • Documents issues the moment they appear: interactive bugs get a paced repro video plus before/action/after screenshots, while static bugs (typos, clipped text, load-time console errors) get a single annotated screenshot.
  • Numbers findings as ISSUE-001, ISSUE-002…, verifies reproducibility with a retry before capturing evidence, then reconciles severity counts and closes the session.
  • Hard rules: never read the app's source code, never delete output files, aim for 5–10 deeply documented issues over shallow volume.

Who it's for

  • Web developers and small teams doing pre-release self-QA.
  • QA engineers tired of bug reports without reliable repro steps.
  • Anyone who wants a fast sweep of a staging site or localhost:3000.

Examples

  1. "dogfood vercel.com" — starts immediately with defaults, session name vercel-com.
  2. "QA the billing page on http://localhost:3000" — scopes exploration to the billing flow, testing empty states and boundary inputs.
  3. "Sign in as user@example.com and bug hunt" — saves login state to auth-state.json and covers authenticated areas too.

· · · Install guide · · ·

Try it now, no install

Paste this into Claude to use the skill without installing anything.

Read the instructions in this file and follow them to help me:
https://raw.githubusercontent.com/fcakyon/claude-codex-settings/HEAD/plugins/agent-browser/skills/dogfood/SKILL.md

What I want: (describe your task here)

If Claude can't open the link, open it yourself and paste the contents instead.

↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the plugins/agent-browser/skills/dogfood folder from the GitHub repo fcakyon/claude-codex-settings into my ~/.claude/skills/dogfood/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/fcakyon/claude-codex-settings.git /tmp/ccs && mkdir -p ~/.claude/skills && cp -r /tmp/ccs/plugins/agent-browser/skills/dogfood ~/.claude/skills/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Open your terminal.
  2. Clone the repo: git clone https://github.com/fcakyon/claude-codex-settings.git /tmp/ccs
  3. Copy the skill: mkdir -p ~/.claude/skills && cp -r /tmp/ccs/plugins/agent-browser/skills/dogfood ~/.claude/skills/
  4. Verify the bundled references/ and templates/ files came along: ls ~/.claude/skills/dogfood.
  5. Install the browser tool: check that agent-browser --help works; if not, install the agent-browser plugin/binary first (the skill intentionally avoids the slower npx path).
  6. Restart Claude Code and ask something like "dogfood localhost:3000".
  7. Review the output in ./dogfood-output/report.md plus the screenshots/ and videos/ folders.
View source on GitHub ↗License: Apache-2.0