- Home
- Skills
- Testing & Debugging
- Bug Reproduction Kit Builder for AI Coding Agents
Works with the AI tools you already use
Bug Reproduction Kit Builder for AI Coding Agents
Turn vague bug reports into structured reproduction kits, diagnostic plans, and precise AI coding prompts.
$9.99
Bug Reproduction Kit Builder for AI Coding Agents
Example session with this skill installed
Turn this vague bug report into a complete developer-ready reproduction kit and AI coding agent prompt:
“Some users report that the dashboard is blank after they log in. It does not happen for everyone.”
Assume this is a SaaS web app. Include severity, missing information, reproduction hypotheses, environment matrix, step-by-step reproduction paths, safe evidence to collect, logging plan, likely root causes, test plan, fix verification checklist, and regression prevention plan.
- Read your context and instructions
- Compiled the bug reproduction kit
- Generated the document
=== BUG REPRODUCTION KIT ===
Bug title
Blank dashboard after login for some users
Original report
“Some users report that the dashboard is blank after they log in. It does not happen for everyone.”
Bug category
Frontend UI bug, authentication/session bug, permissions bug, data loading bug, intermittent or segment-specific bug
Severity
High
Reason
The dashboard is a core post-login experience. If users cannot see it, they may be blocked from using the product.
Priority
P1
Affected area
Post-login dashboard, dashboard API calls, authentication state, user permissions, frontend rendering, empty states
Known information
- The dashboard appears blank after login.
- The issue affects some users, not all users.
- The issue happens after authentication.
- The affected user segment is not yet known.
Missing information
- Which roles are affected?
- Which plans are affected?
- Which browsers/devices are affected?
- Is the page completely white or is the dashboard shell visible?
- Are there console errors?
- Are dashboard API requests returning 401, 403, 500, or empty data?
- Did this start after a recent deployment?
- Does refreshing the page fix it?
- Are feature flags or experiments involved?
Expected behavior
After login, users should see the dashboard shell, navigation, widgets, loading states if needed, and either real data or a helpful empty state.
Actual behavior
Some users see a blank dashboard after login.
Reproduction hypotheses
-
A frontend render error occurs when dashboard data contains null or unexpected fields.
Confidence: High -
A permissions mismatch causes the dashboard API to return 403 for certain roles, and the frontend does not show an error state.
Confidence: Medium to high -
A feature flag or plan configuration hides all dashboard widgets and leaves no empty state.
Confidence: Medium -
A stale or expired session causes dashboard data requests to fail immediately after login.
Confidence: Medium -
Older migrated accounts are missing required dashboard data.
Confidence: Medium
Environment matrix
- Environment: production, staging
- User role: owner, admin, member, viewer
- Account plan: free, paid, enterprise
- Account age: new account, older migrated account
- Browser: Chrome, Safari, Firefox, Edge
- Device: desktop, tablet, mobile
- Auth state: fresh login, refreshed session, expired session
- Feature flags: dashboard redesign enabled/disabled
- Data state: no projects, many projects, missing profile data
Primary reproduction path
- Open staging with a test account matching an affected user segment.
- Log out fully and clear session storage/cookies if safe.
- Log in with the test account.
- Observe whether the dashboard shell appears.
- Open browser developer tools.
- Check console errors.
- Check network requests for dashboard APIs.
- Record response statuses and sanitized response shapes.
- Repeat with owner, admin, member, and viewer roles.
- Repeat with a new account, empty account, and older migrated account.
Evidence to collect
- Affected user role and plan
- Browser, device, and OS
- Timestamp
- Screenshot or screen recording
- Console errors with secrets removed
- Network status codes for dashboard API requests
- Request ID for failed API calls
- Sanitized response shape
- Recent deployment or feature flag changes
- Whether refresh fixes the issue
Logging plan
Add safe logging around dashboard API requests, auth middleware, and frontend error boundaries.
Log
- request ID
- hashed user ID
- user role
- plan type
- route name
- response status
- sanitized error code
- feature flag state
- timestamp
Do not log
passwords, raw tokens, cookies, API keys, private user content, or unnecessary personal data.
Likely root causes
- Unhandled null or unexpected dashboard data causing a frontend crash
- Permission or role mismatch causing API failure
- Missing empty state for users with no dashboard records
- Feature flag combination hiding all widgets
- Migration issue affecting older accounts
- Session refresh issue after login
Test plan
Unit tests
- Dashboard widgets handle null, empty, and partial data.
- Role and plan visibility rules return expected widget sets.
- Empty state appears when no dashboard data exists.
Integration tests
- Dashboard API returns valid data for owner, admin, member, and viewer roles.
- Unauthorized users receive safe error responses.
- Migrated accounts return valid dashboard payloads.
E2E tests:
- Login redirects to dashboard successfully.
- Dashboard renders for each role and plan.
- Dashboard shows empty state for new accounts.
- Dashboard shows error state when API fails.
- Feature flag combinations do not create a blank page.
AI coding agent prompt
Investigate a SaaS dashboard bug where some users see a blank dashboard immediately after login. Do not rewrite the dashboard broadly. First inspect dashboard rendering, dashboard API calls, auth/session handling, role and plan permissions, feature flags, empty states, and frontend error boundaries. Identify whether the blank page is caused by frontend render failure, failed API response, missing data, permissions mismatch, migrated account data, or feature flag configuration. Add or describe failing tests for the affected scenario. Make the smallest safe fix. Do not log passwords, raw tokens, cookies, API keys, private user content, or unnecessary personal data. Verify that the dashboard renders for owner, admin, member, viewer, new accounts, empty accounts, and migrated accounts. Return root cause, files changed, fix summary, tests added or run, verification checklist, and remaining risks.
Fix verification checklist
- Affected users can log in and see dashboard content or a helpful empty state.
- No blank dashboard appears.
- Console has no render-blocking errors.
- Dashboard API responses are handled safely.
- 401/403/500 responses show useful error states.
- New accounts show empty state.
- Older migrated accounts render correctly.
- Role permissions remain correct.
- Feature flag combinations do not hide all content.
- Regression tests pass.
- No sensitive data is logged.
Regression prevention plan
- Add dashboard smoke test after login.
- Add role-based dashboard integration tests.
- Add empty-state tests.
- Add frontend error boundary monitoring.
- Add feature flag combination tests.
- Add migration validation for dashboard-required fields.
- Add release checklist item for post-login dashboard rendering.
Risk and safety notes
Because this bug may involve authentication, permissions, and user-specific data, use sanitized logs, non-production test accounts when possible, and human review before changing access-control logic.
bug-reproduction-kit-builder-for-ai-codi.pdf
PDF · document
Example file from a real run - the skill writes it into your workspace.
Connects securely to your tools. The creator never sees your data.
What you get
About this skill
Bug Reproduction Kit Builder helps AI coding agents, developers, QA teams, support teams, and product teams turn vague or incomplete bug reports into clear, developer-ready reproduction packages. It creates structured bug summaries, severity analysis, missing-information checklists, reproduction hypotheses, environment matrices, step-by-step repro plans, safe evidence requests, logging and instrumentation plans, test strategies, AI coding agent debug prompts, fix verification checklists, and regression prevention plans. Ideal for debugging frontend, backend, full-stack, API, authentication, checkout, database, mobile, browser, performance, deployment, and intermittent bugs before attempting a fix.
How to install
Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.
- 1
Download the ZIP
Free skills download straight away. Paid skills unlock right after purchase.
- 2
Unzip into your skills folder
Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.
- 3
Ask your agent to use it
Restart the agent if it was already running. It picks the skill up automatically - no config needed.
Skills folder by agent
Click the path to copy it. Create the folder if it does not exist yet.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
30-day refund
Not a fit? Get your money back
Trust & safety
Security scanned
Verified clean 4 months ago
- Passed all security checks, Safe to install