CtrlK
BlogDocsLog inGet started
Tessl Logo

team-frontend-debug

Frontend debugging team using Chrome DevTools MCP. Dual-mode — feature-list testing or bug-report debugging. Triggers on "team-frontend-debug", "frontend debug".

58

Quality

67%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Advisory

Suggest reviewing before use

Fix and improve this skill with Tessl

tessl review fix ./.codex/skills/team-frontend-debug/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

77%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This is a well-structured orchestration skill with strong actionability and workflow clarity. It provides concrete templates, clear delegation rules, and explicit error handling with feedback loops. The main weakness is that the file is somewhat long for a router/overview document — several sections (Chrome DevTools tool listing, agent coordination patterns) could be moved to the referenced spec files to improve progressive disclosure and conciseness.

Suggestions

Move the Chrome DevTools MCP tool table to specs/debug-tools.md (which is already referenced) and replace with a brief summary like 'See specs/debug-tools.md for full tool reference'

Move the v4 Agent Coordination section (message semantics, health check, named agent targeting, iterative debug loop) to a separate spec file to keep SKILL.md focused on routing and high-level architecture

DimensionReasoningScore

Conciseness

The skill is fairly long and includes some information that could be more compact (e.g., the full Chrome DevTools tool listing, the agent coordination examples). However, most content is reference-style tables and templates rather than verbose prose, and it avoids explaining basic concepts. Some sections like the full MCP tool table and the agent health check pseudocode could be moved to referenced spec files.

2 / 3

Actionability

The skill provides concrete, copy-paste-ready templates for spawning agents, specific tool names with exact function signatures, a clear delegation lock table with explicit ALLOWED/BLOCKED verdicts, and executable patterns for iterative debug loops and completion actions. The worker spawn template, followup_task pattern, and request_user_input call are all directly usable.

3 / 3

Workflow Clarity

Multi-step workflows are clearly sequenced with explicit pipelines (TEST → ANALYZE → FIX → VERIFY and REPRODUCE → ANALYZE → FIX → VERIFY). Validation checkpoints are present: the delegation lock acts as a pre-execution check, the iterative debug loop (FIX → VERIFY → re-FIX with max 3 rounds) provides feedback loops, timeout handling has a staged escalation pattern (STATUS_CHECK → FINALIZE → close), and error handling covers edge cases like all-pass, not-reproducible, and regression scenarios.

3 / 3

Progressive Disclosure

The skill references external files well (roles/*/role.md, specs/pipelines.md, specs/debug-tools.md) with clear one-level-deep navigation. However, no bundle files were provided to verify these references exist, and the SKILL.md itself is quite long — the Chrome DevTools tool table and some coordination patterns could be offloaded to the referenced spec files to keep the main file leaner. The architecture diagram and role registry provide good overview structure.

2 / 3

Total

10

/

12

Passed

Description

57%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description establishes a clear niche around frontend debugging with Chrome DevTools MCP and mentions two operational modes, which aids distinctiveness. However, it lacks specific concrete actions (what exactly does it do in each mode?), misses many natural user trigger terms, and has no explicit 'Use when...' clause to guide skill selection.

Suggestions

Add specific concrete actions for each mode, e.g., 'In feature-list mode: validates UI elements, checks responsive layouts, verifies interactions. In bug-report mode: inspects DOM, analyzes console errors, traces network requests.'

Add an explicit 'Use when...' clause such as 'Use when the user needs to debug frontend issues, investigate CSS/JS errors, test UI features in a browser, or analyze Chrome DevTools output.'

Include more natural user keywords like 'CSS issue', 'JavaScript error', 'browser debugging', 'console errors', 'layout problem', 'responsive design' to improve trigger term coverage.

DimensionReasoningScore

Specificity

Names the domain (frontend debugging) and mentions two modes (feature-list testing, bug-report debugging), but doesn't list specific concrete actions like inspecting DOM elements, analyzing network requests, checking console errors, etc.

2 / 3

Completeness

The 'what' is partially addressed (dual-mode frontend debugging with Chrome DevTools MCP), and trigger terms are listed but there's no explicit 'Use when...' clause explaining when Claude should select this skill beyond the trigger keywords.

2 / 3

Trigger Term Quality

Includes some relevant terms like 'frontend debug', 'Chrome DevTools', 'bug-report', and 'feature-list testing', but misses common natural user phrases like 'CSS issue', 'JavaScript error', 'browser debugging', 'console errors', 'inspect element', or 'network requests'.

2 / 3

Distinctiveness Conflict Risk

The combination of 'Chrome DevTools MCP', 'dual-mode', and specific trigger terms like 'team-frontend-debug' creates a clear niche that is unlikely to conflict with other skills.

3 / 3

Total

9

/

12

Passed

Validation

90%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

allowed_tools_field

'allowed-tools' contains unusual tool name(s)

Warning

Total

10

/

11

Passed

Repository
catlog22/Claude-Code-Workflow
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.