CtrlK
BlogDocsLog inGet started
Tessl Logo

frontend-skill

Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.

54

Quality

61%

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-skill/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

72%

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

The body is lean and well-organized with no padding, but its guidance is a redirect: rather than an executable workflow it tells the reader to open a GitHub URL and consult an external README, leaving it concrete but incomplete.

Suggestions

Replace the `open https://...` redirect with the actual install command/path for the upstream bundle so the guidance is copy-paste ready.

Spell out the invocation sequence as explicit numbered steps with a verification checkpoint (e.g., confirm the skill appears in the agent's skills directory before invoking).

Inline the core entry-point instruction from the upstream README instead of deferring all detail to an external source.

DimensionReasoningScore

Conciseness

The body is short and lean with no filler or explanation of concepts Claude already knows; it respects the token budget and assumes competence, even though it restates the description in "What it does".

3 / 3

Actionability

It gives some direction (install the upstream bundle, invoke by name or trigger phrases) but the only concrete command is `open https://github.com/openai/skills`, which merely opens a page; real steps and exact paths are deferred to the external README.

2 / 3

Workflow Clarity

A minimal implicit sequence exists (install upstream bundle, then invoke by name/triggers), but it has no explicit checkpoints or validation, and the concrete steps are punted to "inspect the upstream README for exact paths."

2 / 3

Progressive Disclosure

With no local bundle files present, this under-50-line skill is well organized into clear sections (What it does / Source / How to use) with a clearly signaled external reference, satisfying the rubric's simple-skill allowance for a top score.

3 / 3

Total

10

/

12

Passed

Description

50%

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 clearly states what the skill does and frames a distinct visual-design niche, but it omits any explicit "when to use" trigger guidance and lists only a single broad action, which caps both completeness and specificity at the middle level.

Suggestions

Add an explicit "Use when..." clause naming natural trigger phrases (e.g., "Use when building landing pages, marketing sites, or app UIs that need a polished, restrained look").

List a few concrete actions beyond "create" (e.g., "scaffold sections, compose layouts, apply design-system styling") to lift specificity to 3.

Include common user phrasings ("landing page", "website design", "app UI", "design system") directly in the description to improve trigger-term coverage.

DimensionReasoningScore

Specificity

It names a clear domain ("landing pages, websites, and app UIs") and a constraint ("restrained composition"), but describes only one broad action rather than multiple concrete actions like the score-3 PDF example.

2 / 3

Completeness

The description answers "what" (create strong UIs with restrained composition) but provides no "Use when..." or equivalent explicit trigger guidance, which the rubric caps at 2.

2 / 3

Trigger Term Quality

The description contains relevant domain keywords ("landing pages", "app UIs", "frontend playbook") but no explicit natural-language trigger variations a user would actually say; it is not jargon-only (so not 1) nor a full coverage of terms (so not 3).

2 / 3

Distinctiveness Conflict Risk

The "restrained composition" framing is a fairly distinct niche, but the broad "landing pages, websites, app UIs" scope could overlap with general web-development skills, so it sits at "somewhat specific but could still overlap."

2 / 3

Total

8

/

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.