verifying-in-browser
Verify in Browser
Use this skill proactively after making code changes to verify the app actually works. Don't just trust that the code is correct — launch it and check.
Steps
-
Start the dev server in the background — check if one is already running by listing terminals. If not:
npm run devSet
block_until_ms: 0to run it in the background. Then poll until you see the "ready" message with the localhost URL. -
Open in the side browser — launch the app beside your code:
Tool: browser_navigate Arguments: { "url": "http://localhost:3000", "position": "side", "take_screenshot_afterwards": true }
More from spencerpauly/awesome-cursor-skills
saving-workspace-context
Automatically persist useful context — research, decisions, learnings, templates — to workspace files so knowledge survives across conversations.
38database-design
Design database schemas — tables, relationships, indexes, constraints, and ORM setup. Covers relational design, normalization, and common patterns.
37reviewing-code
Perform a thorough code review focused on correctness, maintainability, performance, and best practices.
37suggesting-cursor-rules
When the user repeats the same correction or convention multiple times, suggest a Cursor rule to encode it permanently.
35systematic-debugging
Structured debugging methodology — reproduce, isolate, hypothesize, verify. Covers git bisect, binary search, logging, and minimal reproduction.
33auditing-security
Perform a systematic security audit of a codebase, checking for OWASP Top 10 vulnerabilities, secrets exposure, and insecure patterns.
33