CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

frontend-dev

Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.

44

Quality

56%

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 ./skills/frontend-dev/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

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

The body is a lean, well-organized catalogue advertisement, but as actionable skill content it is mostly a pointer: it defers the real workflow to an external GitHub README with no concrete install steps, exact paths, or verification. Conciseness and structure are good; actionability and workflow clarity are weak.

Suggestions

Replace the 'open <URL>' step with a concrete install command (e.g. a git clone or copy command with the actual target path in the skills directory) so the agent can execute it without browsing the upstream README.

Add a verification step after installation (e.g. check the skill appears in the agent's skill list, or validate the bundle loads) before invoking it by name.

Inline the minimal invocation example (name + one trigger phrase with a sample user request) so the workflow is executable end-to-end from this file.

DimensionReasoningScore

Conciseness

The body is short and free of padding or explanations of concepts Claude already knows; every section serves the catalogue function. Minor trim opportunity: 'What it does' repeats the frontmatter description verbatim, which is anchor 4's 'minor instances of over-explanation that could be trimmed' rather than anchor 5.

4 / 5

Actionability

The only concrete command is 'open https://github.com/MiniMax-AI/skills' with the comment 'Inspect the upstream README for exact paths' — the actual steps (how to install the bundle, which paths, how to verify) are deferred to an external README. This matches anchor 2 ('minimal concrete guidance; high-level hints but missing the specific steps to execute'), above anchor 1 because at least one runnable command and a specific URL are given.

2 / 5

Workflow Clarity

A rough sequence exists (install the upstream bundle, then invoke by name or trigger phrase) but the key step — installing the bundle 'into your active agent's skills directory' — is undefined with no command or path, and there are no checkpoints confirming the skill is installed before invocation. This fits anchor 2 ('rough sequence present but many gaps; steps poorly defined').

2 / 5

Progressive Disclosure

The body is a short, clearly sectioned overview (What it does / Source / How to use) with no inlined bulk content and a single well-signaled reference (the upstream repo URL). Anchor 5 is not reached because actual skill content (assets, scripts, references) exists only upstream — navigation depends on an external README — which matches anchor 4's 'references mostly clear; minor organization gaps'.

4 / 5

Total

12

/

20

Passed

Description

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

The description names a specific, recognizable domain but reads more like a tagline than an operational skill description: no concrete action verbs, no explicit 'Use when' trigger guidance, and keyword coverage misses common variations like 'landing page'. It is serviceable for catalogue discovery but below the quality of the good overall examples.

Suggestions

Rewrite the description with concrete action verbs, e.g. 'Build hero pages and showcase sites with cinematic scroll animations, AI-generated images/video via the MiniMax API, and generative art backgrounds.'

Add an explicit trigger clause: 'Use when the user asks for a hero page, landing page, showcase site, animated frontend, or generative web visuals.'

Include common synonyms and variations ('landing page', 'motion/scroll animations', 'AI-generated media') so natural user phrasings match the skill.

DimensionReasoningScore

Specificity

The description names the domain ('Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art') but lists capability nouns rather than concrete actions — there are no action verbs like 'build', 'generate', or 'animate' to match anchor 3's '1-2 concrete actions'. It is above anchor 1 because the domain and technology stack are specifically named, not vague.

2 / 5

Completeness

The 'what' is clear (frontend with animations, AI media, generative art), but the 'when' is only weakly implied by 'Useful for hero pages and showcase sites' — there is no explicit 'Use when...' clause or equivalent trigger guidance, which caps completeness at 3 per the judging guidelines. It is above anchor 2 because both a concrete 'what' and a partial 'when' exist.

3 / 5

Trigger Term Quality

Some natural phrases users would say are present ('hero pages', 'showcase site', 'generative art'), but common variations are missing — e.g. 'landing page', 'frontend website', 'web animation', 'motion design', or any file/tool extensions. This matches anchor 3 ('some relevant keywords but missing common variations or synonyms'), below anchor 4's 'good keyword coverage'.

3 / 5

Distinctiveness Conflict Risk

Distinctive niche markers ('cinematic animations', 'MiniMax API', 'generative art') reduce conflict risk, but the leading phrase 'Full-stack frontend' is broad and would overlap with generic frontend/web-development skills. This fits anchor 3 ('somewhat specific but could still overlap with similar skills'), short of anchor 4's 'mostly distinct'.

3 / 5

Total

11

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

Total

15

/

16

Passed

Repository

nexu-io/open-design

Path

skills/frontend-dev/SKILL.md

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.