CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

frontend-skill

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

44

Quality

55%

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

36%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 catalogue advertisement rather than a usable skill: it duplicates the frontmatter and defers all real guidance to an unbundled external repository, with the agent told to open a browser to find the actual instructions. Nothing in the file is executable toward the skill's stated purpose. Either bundle the upstream material with concrete entry points, or replace the deferral with a specific, copy-paste-ready install and invocation sequence.

Suggestions

Replace `open https://github.com/openai/skills` with the concrete install steps — e.g. the exact clone/copy commands and target skills-directory path — so the agent can act without browsing.

Drop the "What it does" and "Source" sections that restate the frontmatter description and upstream URL verbatim, and use the space for a minimal quick-start example of the workflow.

If the upstream bundle is the real content, vendor it (or its key references) into references/ with explicit paths, so the one-level-deep pointer resolves to actual files rather than "inspect the README".

DimensionReasoningScore

Conciseness

The body is short, but the "What it does" and "Source" sections restate the frontmatter description and upstream URL verbatim, so tokens are spent on duplication rather than new information. Not 4: the repetition is unnecessary padding; not 2: there is no extensive over-explanation of concepts Claude already knows.

3 / 5

Actionability

The only concrete command is `open https://github.com/openai/skills`, which tells the agent to manually browse a repository rather than execute a step; there is no install command, no paths, and no example of invoking the skill. Not 3: even pseudocode-level guidance toward the actual task is absent; not 1: it does point to a specific URL and names the skill to invoke.

2 / 5

Workflow Clarity

A rough sequence exists (inspect upstream README → install the bundle → invoke by name or trigger phrase), but every step is underspecified: how to install, into which directory, and what to verify afterward are all missing. Not 3: the gaps go beyond missing validation checkpoints to undefined steps themselves; not 1: the three-step order is present and coherent.

2 / 5

Progressive Disclosure

Sections are clearly labeled and the deferred content is one level deep (the upstream repo), but no references/, scripts/, or assets/ bundle files exist, and navigation is delegated to "Inspect the upstream README for exact paths" — a buried reference the agent must discover itself. Not 4: the pointer to the real material is vague rather than clearly signaled; not 2: the file itself is well-structured and short rather than an inlined wall of text.

3 / 5

Total

10

/

20

Passed

Description

53%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 is concise and names a clear niche, but it reads more as a tagline than an operational skill description. It lacks explicit trigger guidance ("Use when...") and enumerates no concrete capabilities beyond "create". Adding a when-clause and specific actions would lift it substantially.

Suggestions

Add an explicit trigger clause, e.g. "Use when building landing pages, marketing sites, or app UIs, or when the user asks for polished frontend composition."

Enumerate concrete capabilities instead of the single verb "create" — e.g. "Compose hero sections, apply typography and spacing systems, and structure page layouts with restrained visual hierarchy."

Include natural trigger synonyms users would actually say ("homepage", "web page", "UI design", "front end") to broaden keyword coverage.

DimensionReasoningScore

Specificity

The description names the domain ("landing pages, websites, and app UIs") and one action ("Create") with a style qualifier ("restrained composition"), but lists no specific techniques such as layout, typography, or component styling. Not 4: it does not enumerate several specific actions; not 2: it goes beyond naming the domain.

3 / 5

Completeness

The "what" is clear (create visually strong frontends with restrained composition) but there is no "Use when..." clause or equivalent explicit trigger guidance, which caps completeness at 3 per the judging guidelines. Not 4: the "when" is entirely absent rather than merely imprecise.

3 / 5

Trigger Term Quality

Phrases like "landing page" and "app UIs" are natural terms users would say, but common variations ("homepage", "web page", "UI design", "front end") are missing. Not 4: keyword coverage is not broad enough to count as good with only a few gaps.

3 / 5

Distinctiveness Conflict Risk

"OpenAI's production frontend playbook" plus "restrained composition" carves a distinct niche that is unlikely to trigger for unrelated skills, though it could overlap with generic web-design or brand-style skills. Not 5: the artifact types (websites, app UIs) are broad enough for minor overlap with closely related design skills.

4 / 5

Total

13

/

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