webapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
Discover lifestyle debugging skills, compare source repositories and read the instructions for each workflow.
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
HtmlGraph session tracking and work continuity for Codex. Ensures proper activity attribution, feature awareness, and continuous work tracking across sessions.
Use HtmlGraph analytics to make smart work prioritization decisions. Activate when recommending work, finding bottlenecks, assessing risks, or analyzing project impact.
Use when testing frontend applications. AI-assisted browser testing with Playwright MCP. Fast, deterministic, no vision models needed.
Cloud monitoring with Prometheus, Grafana, and cloud-native tools. Use when setting up metrics, alerts, dashboards, or troubleshooting performance issues.
Use when debugging web applications or automating browser tasks. Leverage Chrome DevTools MCP for inspection, performance analysis, and automated testing.
Use when symptoms don't reveal the cause. Trace backward through call chains to find where problems originate. Follow: Observe symptom → Find immediate cause → Identify caller → Keep tracing → Locate trigger.
Use when optimizing website performance. Run Google Lighthouse audits via MCP to measure metrics, identify bottlenecks, and iterate on improvements.
Use when encountering bugs or unexpected behavior. Methodical approach to identify root cause: Reproduce → Isolate → Identify → Fix → Verify.
Investigation-only mode for understanding bugs, features, or system behavior without making changes. Use when the user says phrases like "let's investigate", "we need to figure out", or "we're debuggin", or ask...
生成专业的尸检报告(Postmortem)。用于:(1) 分析 release - 分析上次发布到本次发布之间带有 fix 字样的 commits,生成事故报告;(2) 分析本次对话 - 分析对话中用户让你纠正的问题,总结经验教训。
Systematic 4-phase debugging process for finding root causes
Review Flipper Zero firmware code changes for Momentum-specific patterns, security, and compatibility when analyzing firmware modifications or pull requests.
Generate blameless postmortem with root cause analysis
Diagnose and fix bugs with architecture-aware analysis and diagnostic-first approach
Code review mode - comprehensive review with security, performance, and maintainability focus
Analyze test coverage gaps and report findings
Guide systematic debugging through hypothesis generation and verification
Analyzes design docs and existing projects to create detailed, actionable implementation plans for Claude Code. Use when the user asks to create an implementation plan, analyze a feature, or break down tasks.
Patterns for showing thinking process and execution chain. Every step visible, every decision traceable.
Quick project reconnaissance and health check via @geepers_scout - identifies issues, quick wins, and improvement opportunities.
Deep Python knowledge for code reviews. Provides detailed guidance on iterables, data structures, standard library, validation, testing, concurrency, APIs, and security.
AI-powered QA verification using Playwright MCP for visual E2E testing. Use when (1) Verifying UI changes after code modifications, (2) Testing user workflows end-to-end, (3) Checking for visual regressions, (4...
React performance optimization guidelines focused on Tanstack Start applications. Use when writing, reviewing, or refactoring React code with Tanstack Start, Tanstack Query, and Tanstack Router. Triggers on Rea...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.