CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

minimalist-ui

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

62

Quality

78%

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

Quality

Content

90%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 content is an unusually dense, high-precision design specification: exact tokens for color, type, spacing, and motion, plus explicit banned defaults and a sequenced execution protocol. Its main weaknesses are the redundant overview section restating the frontmatter, the absence of any validation/self-check step in the execution protocol, and an all-in-one structure that could offload the detailed component specs to reference files.

DimensionReasoningScore

Conciseness

Nearly every line delivers non-obvious, project-specific values Claude could not infer (hex codes, font stacks, easing curves, opacity limits) rather than explaining known concepts. Minor trimmable padding exists — the "Protocol Overview" paragraph largely restates the frontmatter description and phrases like "analogous to top-tier workspace platforms" are decorative — but there are no padded tutorial-style sections, matching anchor 4 (efficient with minor instances of over-explanation).

4 / 5

Actionability

The guidance is fully concrete throughout: exact fonts ("'SF Pro Display', 'Geist Sans'..."), exact colors ("#F7F6F3", "#9F2F2D"), exact CSS values ("border: 1px solid #EAEAEA", "cubic-bezier(0.16, 1, 0.3, 1)", "animation-delay: calc(var(--index) * 80ms)"), Tailwind classes ("py-24", "max-w-4xl"), and a usable image placeholder pattern ("https://picsum.photos/seed/{context}/1200/800"). Per the rubric's code-vs-instruction note, an instruction-only skill with copy-paste-ready specifications covering all common components (buttons, cards, tags, accordions, kbd, motion) earns the top anchor.

5 / 5

Workflow Clarity

Section 8 gives a clear, ordered 7-step execution sequence (macro-whitespace → content width → typography/color variables → borders → scroll animations → background depth → deliver) with concrete values at each step. It is not a 5 because there are no validation or self-check checkpoints (e.g., how to verify the output against the banned-elements list), and not a 3 because the sequence is unambiguous and the task (design generation) carries no destructive/batch risk requiring feedback loops.

4 / 5

Progressive Disclosure

The body is a single well-sectioned file (numbered sections 1–8 with distinct topics) and no bundle files exist, so all references resolve trivially. It scores 4 rather than 5 because the guideline's simple-skill exception applies only under 50 lines — at ~110 lines, sections 3–7 (typography, palette, components, iconography, motion) are self-contained detailed references that could be split out, and the monolithic inline structure leaves that minor organization gap; it is well above anchor 3's "could be better organized" with buried references.

4 / 5

Total

17

/

20

Passed

Description

58%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 communicates a concrete, distinctive design style through specific palette and layout vocabulary and useful negative constraints, but it reads as a style summary rather than a skill description: it never states when to invoke the skill, and the most natural trigger word ("minimalist") is absent from the description text. Adding a "Use when..." clause covering UI/landing-page/dashboard design requests would raise both completeness and trigger coverage.

Suggestions

Add an explicit "Use when..." clause (e.g., "Use when designing or coding web interfaces, landing pages, dashboards, or marketing sites where a minimal editorial look is wanted") — its absence caps completeness at 3.

Fold the natural trigger phrases from the frontmatter's triggers field into the description itself, especially "minimalist"/"minimal" and "Linear style", which are the terms users would most naturally say.

State the deliverable as concrete actions (e.g., "Generates and restyles HTML/React/Tailwind UI code in an editorial warm-monochrome style") so the description names what the skill does, not just how the output looks.

DimensionReasoningScore

Specificity

The description enumerates several concrete, verifiable specifics — "Warm monochrome palette", "typographic contrast", "flat bento grids", "muted pastels" — plus explicit exclusions ("No gradients, no heavy shadows"). It sits between anchor 3 (only 1–2 concrete items) and anchor 5 (fully comprehensive coverage of actions); it lists several specific characteristics with minor gaps, so 4 fits better than either odd anchor.

4 / 5

Completeness

The "what" is clear (clean, editorial, warm-monochrome interface design), but there is no "Use when..." clause or equivalent trigger guidance in the description — the rubric guideline explicitly caps completeness at 3 for this. It is not a 4 because the "when" is entirely absent rather than merely imprecise, and not a 2 because the "what" is concrete.

3 / 5

Trigger Term Quality

Phrases like "editorial-style interfaces", "warm monochrome", and "bento grids" are terms users would plausibly say, but the description misses the most natural common variations — notably "minimalist"/"minimal" (which appears only in the separate triggers field, not the description itself) and references to the "Linear" style. This matches anchor 3: relevant keywords present, common synonyms missing.

3 / 5

Distinctiveness Conflict Risk

The warm-monochrome + editorial + bento-grid combination carves a clear niche that is unlikely to fire for unrelated skills, and only the exclusions could collide with adjacent design-style skills. Anchor 5 would require distinct trigger phrases in the description itself; anchor 3 would imply broader overlap than the specific palette language warrants.

4 / 5

Total

14

/

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