GitHub
codebase-analysis
Patterns and techniques for analyzing brownfield codebases. Use when onboarding to unfamiliar code, preparing for refactoring, conducting architecture reviews, or identifying technical debt.
☆ 2View skill
research debugging AI Skills
Discover research debugging skills, compare source repositories and read the instructions for each workflow.
Categories: research debugging
research debugging Clear filters
Browse skills
GitHub
visual-qa
Complete visual QA - screenshots with full-page scroll to trigger animations, then analyze with Claude. Run after CSS/template changes.
☆ 2View skill
GitHub
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
☆ 2View skill
GitHub
bug-interview
Analyze and review bug reports to capture repro, evidence, and the next smallest diagnostic step. Use when a bug report lacks clear reproduction.
☆ 2View skill
GitHub
react-best-practices
This skill should be used when the user asks to "check react best practices", "audit this component", "review for performance", "does this follow best practices", "optimize this React code", or mentions React/N...
☆ 2View skill
GitHub
agent-browser
Use this skill to extract page state and automate web interactions with the agent-browser CLI (navigate, snapshot, click, fill, screenshot). Use this when you need deterministic browser automation or scraping v...
☆ 2View skill
GitHub
wp-performance
WordPress performance optimization - Core Web Vitals, image/video compression, caching, asset optimization, and speed testing. Use when optimizing site speed or diagnosing performance issues.
☆ 2View skill
GitHub
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
☆ 2View skill
GitHub
product-design-review
Deliver a complete, user-centered critique of a product or flow, identifying issues, risks, and improvements across the entire experience.. Use when When a user requests a UX/UI audit or heuristic review of a p...
☆ 2View skill
GitHub
react-code-optimizer
Comprehensive code quality analysis and optimization for React/TypeScript projects. Identifies performance bottlenecks, suggests architectural improvements, and generates detailed optimization plans.
☆ 2View skill
GitHub
project-analysis
Analyze project structure, complexity, and health metrics
☆ 2View skill
GitHub
canvas-edit
Live Annotation Feedback Toolbar that overlays design review findings directly on web pages. Displays numbered badges on elements with issues, severity indicators, filtering, and screenshot capture. Integrates...
☆ 2View skill
GitHub
monitoring-observability
Monitoring, logging, and observability patterns. Covers structured logging, metrics, tracing, alerting, and dashboards with tools like Sentry, Datadog, and OpenTelemetry.
☆ 2View skill
GitHub
code-review-checklist
"Meta" skill for self-review, planning complex features, and identifying tech debt.
☆ 2View skill
GitHub
project-context
This skill provides project-specific context including project nature, technology stack, and implementation principles. Automatically loaded to understand project constraints and conventions. Should be customiz...
☆ 2View skill
GitHub
lint
Code linting and static analysis
☆ 2View skill
GitHub
codex
Codex CLI を使用したコードレビュー・分析・相談を実行する。使用場面: (1) コードレビュー依頼時、(2) 実装方針の相談、(3) バグの調査、(4) リファクタリング提案、(5) 解消が難しい問題の調査。トリガー: "codex", "コード...
☆ 2View skill
GitHub
code-review
Perform comprehensive code review with best practices analysis. Use when user asks for code review, code quality check, or wants to analyze their code for issues.
☆ 2View skill
GitHub
frontend-ai-guide
This skill provides frontend-specific technical decision criteria, anti-patterns, debugging techniques, and quality check workflow. Automatically loaded when making frontend technical decisions, performing Reac...
☆ 2View skill
GitHub
ai-development-guide
This skill provides technical decision criteria, anti-pattern detection, debugging techniques, and quality check workflow. Automatically loaded when making technical decisions, detecting code smells, performing...
☆ 2View skill
GitHub
typescript-rules
This skill provides React/TypeScript frontend development rules including type safety, component design, state management, and error handling. Automatically loaded when implementing React components, TypeScript...
☆ 2View skill
GitHub
typescript-testing
This skill provides frontend testing rules with Vitest, React Testing Library, and MSW. Automatically loaded when writing frontend tests, reviewing test quality, or when "Vitest", "React Testing Library", "MSW"...
☆ 2View skill
GitHub
angular
Expert guidance on Angular 20+, Clean Architecture, Signals best practices, and Performance optimization.
☆ 2View skill
GitHub
node-specialist
Expert Node.js, Runtime optimization, and Clean Backend Architecture patterns.
☆ 2View skill
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.