
Cdp Verification
Verify UI behavior end-to-end by driving the running desktop app over the Chrome...
Install
npx skills add ParadevAI/Paradev --skill cdp-verification -g -a claude-code -y- Repository
- ParadevAI/Paradev15.8k
- Category
- Design
- Updated
- 3d ago
- License
- See repository
- Context cost
- Mediumabout 2,610 tokens
- Runs scripts
- No, instructions only
What it does
Verify UI behavior end-to-end by driving the running desktop app over the Chrome DevTools Protocol. Use when asked to verify, reproduce, or confirm a UI change, bug, or regression in the real app rather than in tests.
CDP UI Verification
"Rules" below is what counts as valid evidence. "Mechanics" is how to attach to the right renderer
and repair auth. apps/desktop/scripts/cdp-smoke-integrations.ts is a working example script.
Rules
-
Target the correct app instance. Confirm and report the worktree, renderer URL/port, and active route before testing. Follow any task-provided CDP/auth guidance and verify the expected signed-in session. Another running desktop instance is not equivalent.
-
Reproduce the exact user journey. Use real browser input and visible UI navigation for the steps the user performs. Assigning DOM properties, invoking internal app APIs, or running component-only scripts is diagnostic support, not proof of end-to-end behavior.
-
Capture visual and numeric evidence. Take before/after screenshots paired with relevant CDP measurements (
scrollTop, focused element, route, persisted state). Confirm the screenshot and the measured state agree. -
Exercise the relevant lifecycle. Include the actual route change, workspace/pane/file switch, remount, or close/reopen from the report. A narrower synthetic flow cannot substitute for the reported interaction.
-
Treat a mismatch as an incomplete reproduction. If the test passes but the user still observes the bug, re-check the target instance, exact steps, input method, persisted keys, and lifecycle timing. Reproduce the failure before changing code; a synthetic smoke test does not disprove the report.
-
Use an evidence gate. For a reported bug or regression, do not claim verification until the original interaction demonstrably fails before the fix and passes after it under the same observations. For a new feature, record equivalent baseline evidence and demonstrate the expected behavior. State clearly which checks were end-to-end, which were synthetic, and whether screenshots were actually captured.


