について
このスキルは、Chrome DevTools MCPを活用したフロントエンド課題のためのチームベースのデバッグシステムを構築します。機能リストテストによる体系的な検証と、バグレポートデバッグによる特定課題の解決という二つのモードで動作します。アーキテクチャには、タスク管理を担当するコーディネーター役と、フロントエンドスタック全体でデバッグ操作を実行するワーカー役が含まれています。
クイックインストール
Claude Code
推奨npx skills add catlog22/Claude-Code-Workflow -a claude-code/plugin add https://github.com/catlog22/Claude-Code-Workflowgit clone https://github.com/catlog22/Claude-Code-Workflow.git ~/.claude/skills/team-frontend-debugこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
Frequently asked questions
What is the team-frontend-debug skill?
team-frontend-debug is a Claude Skill by catlog22. Skills package instructions and resources that Claude loads on demand, so Claude can perform team-frontend-debug-related tasks without extra prompting.
How do I install team-frontend-debug?
Use the install commands on this page: add team-frontend-debug to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does team-frontend-debug belong to?
team-frontend-debug is in the Testing category, tagged testing and mcp.
Is team-frontend-debug free to use?
Yes. team-frontend-debug is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
関連スキル
このClaudeスキルは、lm-evaluation-harnessを実行し、MMLUやGSM8Kなど60以上の標準化学術タスクでLLMをベンチマークします。開発者がモデルの品質を比較し、トレーニングの進捗を追跡し、学術的な結果を報告するために設計されています。このツールはHuggingFaceやvLLMモデルを含む様々なバックエンドをサポートしています。
このスキルは、cron式を使用してWorkersをスケジュールするためのCloudflare Cron Triggersの実装に関する包括的な知識を提供します。定期的なタスクの設定、メンテナンスジョブ、自動化されたワークフローの構築を網羅し、無効なcron式やタイムゾーン問題といった一般的な課題への対処法も含みます。開発者はこれを使用して、スケジュールされたハンドラーの設定、cronトリガーのテスト、WorkflowsやGreen Computeとの連携を構成できます。
このClaude Skillは、Playwrightベースのツールキットを提供し、Pythonスクリプトを通じてローカルWebアプリケーションのテストを可能にします。フロントエンドの検証、UIデバッグ、スクリーンショット撮影、ログ表示を実現し、サーバーライフサイクルを管理します。ブラウザ自動化タスクにご利用いただけますが、コンテキストの汚染を避けるため、スクリプトのソースコードを読むのではなく直接実行してください。
このスキルは、開発者がテストの合格を確認し、構造化された統合オプションを提示することで、完成した作業を仕上げることを支援します。実装が完了した後のマージ、PR作成、ブランチの整理といったワークフローを案内します。コードが準備できてテスト済みの際に使用し、開発プロセスを体系的に完了させましょう。
