AgentStack
SKILL verified MIT Self-run

Handoff Review

skill-fusengine-agents-6-handoff-review · by fusengine

Phase 6: Serve via python3 -m http.server 8899, screenshot light mode (fullPage), screenshot dark mode via browser_screenshot colorScheme:dark, compare 3 declared elements [expected vs present], fix gaps with modify_frontend (max 2 cycles), report.

No reviews yet
0 installs
15 views
0.0% view→install

Install

$ agentstack add skill-fusengine-agents-6-handoff-review

✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • Prompt-injection patterns
  • Secret / credential exfiltration
  • Dangerous shell & filesystem operations
  • Untrusted network calls
  • Known-malicious package signatures

What it can access

  • Network access No
  • Filesystem access No
  • Shell / process execution No
  • Environment & secrets No
  • Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

Are you the author of Handoff Review? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

Phase 6: FINAL REVIEW — Visual validation and report

When

After Phase 5 audit passes. Last step of the design pipeline.

Input (from Phase 5)

  • Audited components with all Critical/Major issues resolved.
  • WCAG AA validated. Anti-AI-slop checks passed.
  • design-system.md as the source of truth.

Steps

  1. Screenshot light mode — Use mcp__fuse-browser__browser_screenshot with colorScheme: "light" on every key page/component via localhost.
  2. Screenshot dark mode — Re-shoot the same pages/components with mcp__fuse-browser__browser_screenshot colorScheme: "dark" (handles both .dark class and prefers-color-scheme, no manual toggle).
  3. Compare 3 declared elements — For each page, compare these 3 elements against the inspiration site screenshots from Phase 3:
  • Color contrast and readability.
  • Component spacing and alignment.
  • Animation and hover state consistency.
  1. Cross-viewport check — Screenshot at mobile, tablet, and desktop widths using mcp__fuse-browser__browser_screenshot with viewports: ["mobile", "tablet", "desktop"] (one call, responsive set).
  2. Fix gaps — If comparison reveals issues, use mcp__gemini-design__modify_frontend to fix. Maximum 2 fix cycles.
  3. Generate report with:
  • Side-by-side light/dark screenshots.
  • List of verified components with status (pass/fail).
  • Any remaining Minor issues from Phase 5 audit.
  • Summary of fixes applied during this phase.

Output

  • Final report with light/dark screenshots at 3 viewports.
  • All components verified visually. Gaps fixed (max 2 cycles).
  • Design pipeline complete — HTML/CSS delivered.

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet — be the first.

Versions

  • v0.1.0 Imported from the upstream source.