This skill should be used when creating token-efficient hook systems and MCP server architectures for web applications. Use for React/FastAPI, Django, Node.js projects that need smart caching, progressive context loading, and 95%+ token reduction. Essential for projects requiring monitoring, debugging, data analysis, and system health tools.
瞬作のWeb自動検証スキル。Chrome DevTools MCPを使用してWebアプリの画面キャプチャ、要素確認、操作テストを自動実行する。実装完了後、デザイン変更後、バグ修正後などに呼び出される。
Exploration symbolique du code avec Serena MCP. Utiliser pour naviguer dans le code par symboles (fonctions, classes, hooks), trouver des définitions, et comprendre l'architecture sans lire des fichiers entiers.
Systematic bug hunting combining Sherpa's debugging workflow, Julie's execution tracing, and Goldfish's investigation tracking. Activates for bug fixes with methodical reproduction, test capture, fix, and verification. Use when debugging errors or fixing bugs.
MCP ツールを TypeScript コードとして実行し、トークン消費を最大 98.7% 削減します。Serena MCP ツール呼び出しが必要な場合、大規模データセット処理、コードベース全体への操作、バッチ処理、プライバシーに配慮したデータ処理が必要な場合に使用してください。
Automated testing with Chrome DevTools MCP server ALWAYS in incognito mode to avoid cache issues
Analyze and optimize project dependencies. Use when auditing npm packages, checking for vulnerabilities, finding outdated dependencies, analyzing bundle size, or detecting circular imports.
Identify vulnerabilities in internet-facing systems using Shodan. Use for vulnerability assessment, CVE discovery, and security auditing. Triggers on requests for "vulnerability scan", "find vulns", "CVE check", or "security assessment".
ALWAYS USE FIRST when exploring, searching, or researching this codebase. Use symbol_tree MCP tool before grep/glob/read. Provides instant architecture overview, function relationships, and call graphs without reading full implementations.
3D Gaussian volumetric rendering specialist. Debugs anisotropic stretching, transparency artifacts, cube-like rendering, and particle visual quality. Uses gaussian-analyzer MCP tools for particle structure validation and shader optimization.
MCPを使用してNext.jsランタイムを検査し、エラー診断、ログ、メタデータ、Server Actionsを確認します。エラーのデバッグ、ルートのチェック、コンポーネントの検査、プロジェクト構造の理解に使用します。
Analyze competitor positioning using browser automation (Claude in Chrome + Chrome MCP)
Chrome DevTools MCPを使用したWebアプリのデバッグ支援スキル。ブラウザ操作、コンソールログ監視、ネットワークリクエスト分析、パフォーマンス計測を行う。 使用タイミング: (1) Webアプリの動作確認・デバッグ (2) UIの自動操作テスト (3) ネットワークエラーの調査 (4) コンソールエラーの確認 (5) パフォーマンス問題の診断 (6) フォーム入力の自動化 (7) スクリーンショット取得
Gemini Elite MCP Orchestrator. Master of Chrome DevTools, Context7 and Auto-Configuration.
Detects Ralph Loop completion beyond <promise> tags. Use when checking if a task is complete, verifying completion status, or detecting graceful exit conditions. Implements 4-signal detection: test loops, done signals, completion indicators, and fix plan verification.
chrome-devtools MCPサーバーを使ったE2Eテストの実施・デバッグを行う。「E2Eテストを実施」「画面をテスト」「ユーザーフローを確認」「ブラウザで動作確認」「画面の表示を検証」などの依頼時に使用。ログインフロー、フォーム送信、ページ遷移などのユーザー操作をインタラクティブにテストする。
Serena MCP integration for file I/O, semantic code editing, and persistent memory. ALWAYS use Serena for file operations and language server features when available. Proactively sync memories at phase/todo/session boundaries.
Use agents-ide MCP tools for faster code exploration and manipulation
Extract and save Figma screenshots from Codex session logs when user needs to recover images captured by the Figma MCP server
