skills

Create a GitHub PR for completed work, then run coderabbit-resolver through review, CI, merge, and cleanup. Use when: the user asks for PR creation followed by CodeRabbit resolution. Keywords: create PR, CodeRabbit, merge.

Secure pnpm GitHub Actions CI

Live onboarding tour of newly implemented code. Combines /deep-trace, the vscode-debug-mcp bridge, and playwright-cli to run the target app in a debug session, drive the UI, pause at curated breakpoints inside the new code, and narrate "this modal is the newly created one" — mapping every UI moment to the exact file:line. Use when the user wants to understand where and how AI-written feature code executes in the running application ("どの UI / どのロジックで動くのか分からない", "オンボーディングして", "/feature-tour").

Screenshot UI defect lint

Debug Claude Code plugins

Record a web or Electron-renderer flow as an annotated video with playwright-cli, then extract frames to confirm how it actually looks. Use when the user points at a flow to capture — "record that part", "あそこの部分", "この一連の動作", "動作確認して録画して", QA-ing a screen's motion/behavior, or proving a web / Electron-renderer interaction works on video. For analyzing a clip you were handed or generic cross-surface motion verification, use the `video` skill; for native macOS chrome (menu / tray / dock / traffic-lights) use computer-use — playwright cannot see those.

Refresh Chromium-based browsers by backing up profile/cache data, guiding a clean reinstall, and restoring bookmarks only. Use when Chrome, Chrome Canary, Edge, Brave, Arc, Dia, or another Chromium browser has browser-specific corruption, black screens, Meet/video issues, bad flags, GPU/WebGL cache problems, or profile-state bugs.

Code to screen — locate UI, reach logic branches, explain how to trigger debugger/effect/handler paths

Inspect video frame-by-frame and capture-then-verify UI motion. Extract frames from any clip (handed to you, screen-recorded, or self-captured) with ffmpeg and read them as images; record an interaction (Playwright / computer-use / iOS simulator) and verify animations, transitions, and motion that static screenshots and getComputedStyle cannot reveal. Use when verifying animations/transitions/motion, analyzing a video or .webm/.mp4, extracting frames, checking how something "looks" in motion, or recording a UI flow to inspect.

Chrome cookies to Playwright

Find unfinished code litter

CodeRabbit PR loop

Next.js component tree

React core deep-dive JP

Git worktree with env copy

Line-by-line diff trace

Coordinate drag-drop QA

Electron release ship

Deep code explainer

Deep JS hacker news JP

Publish skill to registry

Load session from memory

Deep newsletter summary

Top-app UI inspiration

Trace React prop drilling

Jump to queryKey hook

Save session to memory

Multi-tool cited research

Review diff for quality

Cited research briefs

Refactor branches to ts-pattern

Expand TS aliases to shapes

SaaS UX gap audit

Trace code flow

Brand TS types