CtrlK
BlogDocsLog inGet started
Tessl Logo

frontend-developer

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture.

38

Quality

36%

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 ./plugins/antigravity-bundle-full-stack-developer/skills/frontend-developer/SKILL.md

The canonical home for this skill is frontend-developer in rmyndharis/antigravity-skills

SKILL.md
Quality
Evals
Security

Quality

Content

6%Scale 1-5

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

This skill is essentially a capability catalog or persona description rather than an actionable skill file. It extensively lists technologies and concepts Claude already knows without providing any concrete code, specific patterns, or executable guidance. The content would need a fundamental restructuring to serve as a useful skill—replacing technology enumerations with specific code examples, concrete workflows, and focused guidance on patterns that are genuinely non-obvious.

Suggestions

Replace the extensive 'Capabilities' bullet lists with 3-5 concrete, copy-paste-ready code examples showing specific React 19/Next.js 15 patterns (e.g., Server Actions with useActionState, RSC streaming with Suspense boundaries).

Add a concrete workflow with validation steps for common tasks like 'creating a new Next.js page with Server Components' including specific commands and verification checkpoints.

Split content into focused reference files (e.g., STATE_MANAGEMENT.md, PERFORMANCE.md, ACCESSIBILITY.md) and keep SKILL.md as a concise overview with clear links.

Remove the 'Behavioral Traits', 'Knowledge Base', and 'Capabilities' enumeration sections entirely—Claude already knows these technologies. Focus only on project-specific conventions, non-obvious patterns, or opinionated decisions that differ from defaults.

DimensionReasoningScore

Conciseness

Extremely verbose with extensive lists of technologies, concepts, and capabilities that Claude already knows. The 'Capabilities' section alone is a massive enumeration of well-known frontend technologies and patterns that adds no actionable value. 'Behavioral Traits' and 'Knowledge Base' sections restate obvious professional practices. The content reads like a resume rather than a skill instruction.

1 / 5

Actionability

Contains zero executable code, no concrete commands, no specific examples with inputs/outputs. The entire skill is abstract descriptions and bullet-point lists of technologies. The 'Instructions' section has only four vague steps like 'Clarify requirements' and 'Implement UI with accessibility.' The 'Example Interactions' section lists prompts but provides no actual responses or code.

1 / 5

Workflow Clarity

The 'Instructions' section provides a rough 4-step sequence but steps are extremely vague ('Choose component structure and state or data approach'). The 'Response Approach' section lists 8 numbered items but they are abstract guidelines, not a concrete workflow. No validation checkpoints, no error recovery, no feedback loops despite covering complex operations like build optimization and deployment.

2 / 5

Progressive Disclosure

Monolithic wall of bullet points with no external references, no linked files, and no bundle structure. All content is inlined in a single massive file with over a dozen subsections that could be split into focused reference files. No navigation aids or cross-references despite the breadth of topics covered.

1 / 5

Total

5

/

20

Passed

Description

66%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.

The description provides good specificity about capabilities and technologies but lacks a 'Use when...' clause, which is critical for skill selection. The mention of specific framework versions (React 19, Next.js 15) helps distinguish it, but the 'Masters' phrasing is slightly promotional. Adding explicit trigger conditions and more user-facing terms would significantly improve selection accuracy.

Suggestions

Add a 'Use when...' clause with trigger phrases like 'Use when the user asks about React components, Next.js pages, frontend UI, or client-side rendering'

Include common synonyms and file extensions users might mention: '.tsx', '.jsx', 'UI components', 'web app', 'hooks', 'CSS', 'Tailwind'

Replace 'Masters' with action-oriented language in third person (e.g., 'Leverages React 19, Next.js 15, and modern frontend patterns')

DimensionReasoningScore

Specificity

Lists several specific actions: 'Build React components', 'implement responsive layouts', 'handle client-side state management'. Also mentions specific technologies (React 19, Next.js 15). Minor gaps - doesn't elaborate on what 'modern frontend architecture' entails.

4 / 5

Completeness

Has a clear 'what' (build components, implement layouts, handle state) but completely lacks a 'when' clause. No explicit trigger guidance like 'Use when...' is provided, which caps this at 3 per the rubric guidelines.

3 / 5

Trigger Term Quality

Good keywords: 'React components', 'responsive layouts', 'state management', 'React 19', 'Next.js 15', 'frontend'. Missing common user terms like 'CSS', 'hooks', 'UI', 'styling', 'TypeScript', '.tsx', or 'web app'.

4 / 5

Distinctiveness Conflict Risk

Fairly distinct due to specific framework versions (React 19, Next.js 15) and focus on frontend/client-side work. Could still overlap with general web development or CSS/styling skills, but the React/Next.js focus narrows it well.

4 / 5

Total

15

/

20

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

frontmatter_unknown_keys

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

Warning

Total

10

/

11

Passed

Repository
administrakt0r/AI-Agents-Safe-Coding-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.