skills/chrome/SKILL.md
Comprehensive Chrome DevTools development system with native Chrome capabilities for debugging, E2E testing, performance analysis, and browser automation
npx skillsauth add sc30gsw/claude-code-customes chromeInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Advanced browser development support system utilizing Chrome DevTools MCP's native capabilities for debugging, E2E testing, performance analysis, and comprehensive browser automation.
ps aux | grep chrome | wc -lALWAYS prioritize Chrome DevTools MCP for all browser operations:
mcp__chrome-devtools__take_snapshot for complete DOM structure analysismcp__chrome-devtools__performance_start_trace, performance_stop_tracemcp__chrome-devtools__click, fill, navigate_page, take_screenshotmcp__chrome-devtools__list_console_messages, evaluate_scriptmcp__chrome-devtools__list_network_requests/chrome [action] [target] [options]
| Action | Description | Example |
|--------|-------------|---------|
| analyze | Comprehensive page analysis | /chrome analyze --full |
| summarize | Content summarization | /chrome summarize --structure |
| extract | Data extraction | /chrome extract --metadata |
| logs | View console messages | /chrome logs --filter "ERROR" |
| debug | Debug specific issues | /chrome debug "login fails" |
| test | E2E testing scenarios | /chrome test --scenario login |
| perf | Performance analysis | /chrome perf start --trace |
| network | Network monitoring | /chrome network list |
| screenshot | Capture screenshots | /chrome screenshot --full-page |
| Option | Description |
|--------|-------------|
| --headless | Headless mode |
| --verbose | Detailed output |
| --analyze | Auto-analysis |
| --filter | Content filtering |
tools
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
testing
# sdd-workflow — Workflow Status Dashboard ## Slash Command ``` /sdd-workflow [slug] ``` ## Purpose Read-only meta skill. Displays the current state of the SDD workflow — which phases are complete, which is next, and any blockers. Does NOT modify any files. --- ## This Skill is Read-Only `sdd-workflow` never writes to or modifies any file. It only reads spec files and git history to report status. There is no approval gate for this skill. --- ## Usage: Specific Feature ``` /sdd-workflo
content-media
# sdd-tasks **Slash command**: `/sdd-tasks <slug>` **Purpose**: Generate `tasks.md` (TASK-001..N) and `progress.md` from `requirements.md` and `design.md`. --- ## Prerequisites - `.claude/specs/<slug>/requirements.md` must exist - `.claude/specs/<slug>/design.md` must exist (run `/sdd-design` first) --- ## Steps ### 1. Read spec inputs ``` .claude/specs/<slug>/requirements.md .claude/specs/<slug>/design.md ``` Extract: - Every REQ-XXX ID with its acceptance criteria - Every design sect
development
# sdd-review — Post-Implementation Code Review ## Slash Command ``` /sdd-review <slug> ``` ## Purpose Run code review and security review on all changes introduced by the feature branch. Append structured findings to `review.md`. Does NOT auto-apply fixes — only proposes them. --- ## Prerequisites - `sdd-impl` has completed: all tasks in `progress.md` are `done` (or at least one is `done`; partial reviews are allowed). - The feature branch must have at least one commit ahead of `main`. -