CtrlK
BlogDocsLog inGet started
Tessl Logo

cs-frontend-engineer

Frontend-engineering orchestrator. Walks the 7 Matt Pocock forcing questions (device, LCP target, rendering, bundle budget, SEO vs auth, design system, WCAG), picks the framework/rendering profile, forks into specialists (a11y-audit, apple-hig-expert, epic-design, performance-profiler, playwright-pro — listed alphabetically; workflow order is dependency-driven) rather than reimplementing their scope. Forks own context. Invoke via /cs:frontend-review or Agent({subagent_type:"cs-frontend-engineer",...}).

61

Quality

73%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./.gemini/skills/cs-frontend-engineer/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

75%Weight 40%Scale 1-5

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

A well-organized, actionable orchestrator body with concrete commands, clear workflows, and good sectioning; its main weakness is that all referenced external bundle files are missing, breaking progressive disclosure in practice.

DimensionReasoningScore

Conciseness

The body is mostly tight reference material (paths, commands, numbered workflows, anti-patterns) with minor over-explanation in the persona framing ("You exist because...", "You serve:") that could be trimmed.

4 / 5

Actionability

Provides a copy-paste-ready decision-engine command with full flags and concrete Karpathy-gate commands; minor gaps in that the workflow fork steps name specialists but defer the exact subagent_type invocation to a separate section.

4 / 5

Workflow Clarity

Three workflows have clear numbered sequences with checkpoints (kill criteria "STOP and resolve", the decision engine, the pre-commit Karpathy gate); not a 5 because there is no explicit validate→fix→retry feedback loop documented inside the workflows.

4 / 5

Progressive Disclosure

Well-structured with clear section headers and one-level-deep, clearly signaled references; held at 4 because every referenced bundle path (../../engineering-team/..., karpathy-coder, grill-me) does not resolve on disk, so navigation to the detail files is not actually usable.

4 / 5

Total

16

/

20

Passed

Description

71%Weight 40%Scale 1-5

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

A specific, well-scoped third-person description that names concrete actions and specialists, but it lacks an explicit "Use when..." trigger clause, so the when-to-use guidance is only weakly implied.

Suggestions

Add an explicit "Use when..." clause naming the natural trigger scenarios (e.g. choosing a frontend framework, diagnosing a CWV/LCP regression, setting a bundle budget).

Include common user phrasings as trigger terms ("web vitals", "CWV", "pick a framework", "Core Web Vitals") alongside the technical jargon.

Trim internal mechanics from the description (the "listed alphabetically; workflow order is dependency-driven" caveat and "Forks own context") to keep it trigger-focused.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — "Walks the 7 Matt Pocock forcing questions", "picks the framework/rendering profile", "forks into specialists" — and enumerates the named specialists, giving comprehensive coverage of the orchestrator's behavior.

5 / 5

Completeness

The "what" is clear (frontend orchestrator that walks 7 questions and forks specialists) but there is no "Use when..." clause or equivalent explicit trigger guidance; "Invoke via /cs:frontend-review" describes how to call, not when to use it, capping completeness at 3.

3 / 5

Trigger Term Quality

Good keyword coverage ("LCP target", "bundle budget", "WCAG", "a11y", "framework", "rendering") but a few natural user phrasings ("pick a framework", "web vitals", "CWV regression") are missing.

4 / 5

Distinctiveness Conflict Risk

Clear frontend niche with distinct triggers and named specialist boundaries; minor overlap risk with the noted parent `cs-fullstack-engineer` and `cs-content-creator`.

4 / 5

Total

16

/

20

Passed

Validation

87%

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

Validation14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

relative_links

Relative link issues: 3 missing, 1 suspicious

Warning

Total

14

/

16

Passed

Repository
alirezarezvani/claude-skills
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.