CtrlK
BlogDocsLog inGet started
Tessl Logo

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

44%

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

30%

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

The body is well-organized as a short overview, but it provides essentially no actionable or sequenced guidance — it delegates everything to the upstream repo rather than instructing how to build with the skill.

Suggestions

Add at least one concrete, executable example (e.g., a minimal MiniMax API call and a snippet for a cinematic hero section) so the skill is actionable on its own.

Replace the "inspect the upstream README" workflow with a real sequenced process for producing a showcase page, including validation steps for generated assets.

De-duplicate the verbatim description repeat in "What it does" and instead spend that space on the concrete quick-start guidance.

DimensionReasoningScore

Conciseness

The body is short and avoids explaining concepts Claude knows, but "What it does" repeats the frontmatter description verbatim, and "How to use" adds little beyond an external pointer, so it could be tightened.

2 / 3

Actionability

No executable code or concrete commands are provided; the guidance amounts to `open https://github.com/...` and asking the agent to invoke by name, describing rather than instructing how to perform the skill's work.

1 / 3

Workflow Clarity

There is no sequenced workflow for doing the skill's work; the only steps concern obtaining the upstream bundle, and they include no validation checkpoints for the actual frontend/media tasks.

1 / 3

Progressive Disclosure

As a simple under-50-line skill with no bundle files, the body is a clean single-page overview with well-organized sections (What it does, Source, How to use) and no nested references.

3 / 3

Total

7

/

12

Passed

Description

60%

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 states concrete capabilities and an implied use case, but it lacks an explicit "Use when..." trigger clause and leans on a broad frontend framing that risks overlap with similar skills.

Suggestions

Add an explicit "Use when..." clause naming natural user phrases (e.g., "Use when building hero pages, showcase sites, or generative web art") to lift completeness.

Broaden trigger-term coverage with common variations users would actually say ("landing page", "animated website", "AI video/images for the web") rather than relying on the separate frontmatter triggers.

Sharpen the niche by foregrounding the distinguishing capability (MiniMax AI media + cinematic animation) earlier to reduce overlap with generic full-stack frontend skills.

DimensionReasoningScore

Specificity

Lists multiple concrete capabilities — "cinematic animations, AI-generated media via MiniMax API, and generative art" — matching the multi-action anchor rather than the vague or partial levels.

3 / 3

Completeness

The "what" is explicit, but "when" is only implied via "Useful for..." with no explicit "Use when..." clause, which per the guidelines caps completeness at 2.

2 / 3

Trigger Term Quality

"Useful for hero pages and showcase sites" surfaces a couple of natural terms, but the description alone lacks common variations a user would say; the separate frontmatter triggers help but coverage within the description is partial.

2 / 3

Distinctiveness Conflict Risk

The cinematic/MiniMax/generative-art framing narrows the niche, but "full-stack frontend" is broad and could still overlap with general frontend skills, so it is not yet a clearly distinct trigger set.

2 / 3

Total

9

/

12

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.

Validation15 / 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
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.