gruckion/visual-verification
marathon-ralph/skills/visual-verification/SKILL.md
Visually verify implemented features work correctly before marking complete. Use when testing UI changes, verifying web features, or checking user flows work in the browser.
development
Updated Apr 5, 2026
$ install --global
skillsauthnpx skillsauth add gruckion/chief-wiggum-anthropic-agent-harness visual-verificationInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 5, 2026, 3:32 PM5.9s3 files scanned
SKILL.md
- name:
- visual-verification
- description:
- Visually verify implemented features work correctly before marking complete. Use when testing UI changes, verifying web features, or checking user flows work in the browser.
Visual Verification
Verify implemented features work correctly through actual user interaction, not just automated tests.
When to Use
- After implementing any UI feature
- Before marking an issue as complete
- When acceptance criteria involve user-visible behavior
- After fixing UI bugs
Approaches
Web Applications: See browser-verification.md for Playwright MCP workflow.
Mobile Applications: See mobile-verification.md (Coming soon)
Verification Checklist
Before marking any UI task complete:
- [ ] Dev server is running and accessible
- [ ] Feature renders without console errors
- [ ] Elements render correctly and do not incorrectly overlap
- [ ] User interactions work as expected
- [ ] Edge cases handled (empty states, loading, errors)
- [ ] Screenshot captured as evidence
What NOT to Do
- Skip visual verification because "tests pass"
- Mark issues complete without browser testing
- Assume dev mode catches all errors (run
npm run buildtoo) - Test only happy paths
Related Skills
gruckion/skills/database/sqlite
tools
VerifiedTrustedCommunity
# SQLite Skill for better-t-stack ## Overview SQLite database implementation using LibSQL client and Drizzle ORM. This skill covers local development, Turso cloud, and Cloudflare D1 deployments. --- ## CRITICAL WARNING **NEVER use `bun:sqlite` with Next.js applications.** Next.js runs on Node.js, not Bun runtime. Using `bun:sqlite` causes: ``` Cannot find module 'bun:sqlite' ``` **Always use `@libsql/client`** - it works in both Node.js and Bun environments. --- ## Library Stack | Pack
SKILL.mdUpdated Apr 5, 2026
gruckion/write-playwright-test
tools
VerifiedTrustedCommunity
Write Playwright E2E tests using fixtures and best practices. Use when creating E2E tests, writing browser automation tests, or testing user flows.
SKILL.mdUpdated Apr 5, 2026
gruckion/update-state
tools
VerifiedTrustedCommunity
Programmatically update marathon-ralph state file using deterministic jq commands. Use this instead of manually editing the JSON file.
SKILL.mdUpdated Apr 5, 2026
gruckion/setup-vitest
development
VerifiedTrustedCommunity
Configure Vitest for unit and integration testing. Use when setting up a test framework, when no test runner is detected, or when the user asks to configure testing.
SKILL.mdUpdated Apr 5, 2026