CtrlK
BlogDocsLog inGet started
Tessl Logo

editorial-tech

Blend editorial magazine composition with precision product-tech detailing using asymmetrical grids, cinematic media bands, mono utility labels, and restrained accent color.

56

Quality

63%

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 ./agent-skills/web-design/editorial-tech/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

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

A well-organized, lean single-file style guide that reads clearly and navigates easily, but it is weakened by an empty Workflow section and by guidance that stays at the descriptive level — no concrete design tokens (fonts, values, measurements) or example patterns that could be directly applied. It describes a style convincingly without ever instructing at an executable level of detail.

Suggestions

Delete the empty "## Workflow" section or populate it with an actual application sequence (e.g., choose grid structure → place media bands → apply typography roles → add technical markers → accent only active states).

Add concrete design tokens to raise actionability: a sample type scale (display/sans/mono roles with names or sizes), an accent-color usage spec, and spacing/rule weights — or example HTML/CSS snippets for one hero pattern.

Replace the "Use When" bullet that duplicates the frontmatter description verbatim with actual trigger conditions, and merge any redundant "Scope" lines into the sections they repeat.

DimensionReasoningScore

Conciseness

Bullet-driven and largely free of padding — it assumes Claude's competence and adds only style-specific direction. Two trims exist: the "Use When" bullet repeats the frontmatter description verbatim, and "Scope" partly restates ideas from "Visual target". These are minor over-explanations rather than the several padded sections of anchor 2, so 4 over 3.

4 / 5

Actionability

As an instruction-only style skill it gives concrete design direction ("sparse top bars with wide spacing, muted links", "oversized editorial headline on one side... then a cinematic band"), but it stops short of executable specifics — no type scale, no palette values or hex tokens, no example markup, no measurements. Anchor 3 (concrete guidance but incomplete, missing key details) fits; anchor 4 expects concrete code/commands, which are absent.

3 / 5

Workflow Clarity

The "## Workflow" header is completely empty — no steps exist under it — and no sequenced process appears elsewhere, though the section order (Scope → Visual target → Implementation → Patterns → Tuning → Avoid) loosely guides application. Not a destructive/batch skill, so no hard cap applies; the empty Workflow header and absent checkpoints place it at 3 (steps/gaps present but sequence and checkpoints missing) rather than 4.

3 / 5

Progressive Disclosure

A single self-contained file of roughly 45 body lines with no references/, scripts/, or assets/ directories — nothing is inlined that belongs in a separate file, and sections are clearly headed and easy to navigate. Per the rubric's simple-skill note, skills under 50 lines with no need for external references score 5 with well-organized sections, which this has.

5 / 5

Total

15

/

20

Passed

Description

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

A distinctive, well-worded style description with concrete design vocabulary, undermined by the complete absence of any 'Use when' trigger clause — the user must infer when to invoke it. Adding an explicit usage trigger with natural phrasing would lift both completeness and trigger-term quality.

Suggestions

Append an explicit trigger clause, e.g. "Use when designing landing pages, marketing sites, or product UIs that should feel like a premium editorial spread merged with a high-end tech interface."

Add natural synonyms users would actually say (landing page, marketing site, design system, UI style) to broaden trigger-term coverage.

Convert the feature list into capability phrasing (e.g., "Builds asymmetrical editorial layouts, applies cinematic media bands and mono utility labeling") to sharpen the action verbs.

DimensionReasoningScore

Specificity

"Blend editorial magazine composition with precision product-tech detailing" names the domain and concrete design elements ("asymmetrical grids, cinematic media bands, mono utility labels, and restrained accent color"), but offers only a single composite action verb — several specific features, not several specific actions. It sits between anchor 3 (1-2 concrete actions, not comprehensive) and anchor 4 (several specific actions); the feature list is specific but the action coverage is not, so 3 is the better fit.

3 / 5

Completeness

The 'what' is clear (blend editorial composition with product-tech detailing using the listed devices), but there is no 'Use when...' clause or equivalent explicit trigger guidance anywhere in the description. Per the rubric guideline, a missing 'Use when' clause caps completeness at 3; not score 2 because the 'what' is explicit and specific rather than vague.

3 / 5

Trigger Term Quality

Includes natural terms a user would plausibly say — "editorial", "magazine", "tech", "grids", "media", "accent color" — giving good keyword coverage. A few common phrasings are missing (e.g., "landing page", "design system", "marketing site", "UI style"), which keeps it below anchor 5 but comfortably above anchor 3's 'missing common variations'.

4 / 5

Distinctiveness Conflict Risk

The editorial-meets-product-tech framing is a recognizable niche with distinctive vocabulary ("cinematic media bands", "mono utility labels"), so it is unlikely to fire for unrelated skills. Minor overlap risk remains with other design/style-direction skills (e.g., brand-look or palette skills), matching anchor 4 rather than the minimal-conflict profile of anchor 5.

4 / 5

Total

14

/

20

Passed

Validation

100%

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

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
MengTo/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.