CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

neobrutal-design

Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.

Quality

69%

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 ./pi/agent/skills/neobrutal-design/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

75%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 lean, well-structured instruction set for authoring neobrutalism design guidelines, anchored by fully concrete tokens, scales, and an explicit output structure. All four dimensions land at 4: it is efficient and actionable with only minor gaps — an empty Brand section, repeated accessibility guidance, and no worked example or failure-feedback loop.

DimensionReasoningScore

Conciseness

The body is dense and efficient — bullet lists with concrete values ("primary=#FDC800, secondary=#432DD7", "13/15/17/21/27/35", "4/8/12/16/24/32") and no explanations of concepts Claude already knows. Minor trimmable waste keeps it at anchor 4 rather than 5: the "## Brand" section is completely empty, and accessibility guidance is repeated across four sections ("Accessibility", "Rules: Don't", "Expected Behavior", "Quality Gates").

4 / 5

Actionability

Foundations are fully concrete (hex tokens, type and spacing scales, font names) and the "Required Output Structure" plus "Component Rule Expectations" give specific, executable authoring instructions; per the rubric's instruction-skill note, absence of code is not penalized. It stays at anchor 4 rather than 5 because "Pair every do-rule with at least one concrete don't-example" demands examples without providing a single worked example of its own.

4 / 5

Workflow Clarity

The "Guideline Authoring Workflow" provides a clear 6-step sequence, and "Quality Gates" plus step 6 ("End with a QA checklist that can be executed in code review") serve as explicit checkpoints. It is anchor 4 rather than 5 because there is no feedback loop describing what to do when a quality gate or QA check fails.

4 / 5

Progressive Disclosure

No bundle files exist, and the ~73-line body is appropriately self-contained with well-organized single-level sections and no nested or buried references. This matches anchor 4 (good structure, minor organization gaps) rather than 5 due to the empty "## Brand" heading and the simple-skill 5-scoring exception applying only to skills under 50 lines.

4 / 5

Total

16

/

20

Passed

Description

48%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 effectively conveys the neobrutalist aesthetic with concrete visual descriptors, giving it good distinctiveness. However, it states no actions or capabilities, omits any "Use when..." trigger guidance, and lacks the key term "neobrutalism" itself, leaving users and Claude without explicit invocation cues.

Suggestions

State what the skill does with action verbs, e.g., "Creates neobrutalism design-system guidelines with tokens, component rules, and accessibility criteria..."

Add an explicit trigger clause, e.g., "Use when the user asks for neobrutalist/brutalist styling, bold high-contrast layouts, or a design system with vivid accent colors on warm surfaces."

Include the natural keywords "neobrutalism"/"neobrutalist" and "brutalist" directly in the description rather than only in the name field.

DimensionReasoningScore

Specificity

The description names the domain with concrete style attributes ("bold borders, vivid accent colors", "raw, high-contrast layouts on warm surfaces") but contains no actions or capabilities whatsoever — it never says what the skill does (e.g., create or apply design guidance). It is not anchor 1 because the language is not entirely vague, but it lacks the 1-2 concrete actions required for anchor 3.

2 / 5

Completeness

There is no "Use when..." clause or equivalent trigger guidance, capping completeness at 3 per the judging guidelines. The "what" is only a domain/aesthetic identification — the actual function (authoring design-system guidelines) is stated nowhere in the description — which keeps it at anchor 3 rather than anchor 4, and far from anchor 5's explicit what-and-when pairing.

3 / 5

Trigger Term Quality

It includes some natural keywords ("brutalism", "high-contrast", "accent colors", "bold borders") but misses the most common variations users would say, notably "neobrutalism"/"neobrutalist" (present only in the name field, not the description). This matches anchor 3 (relevant keywords but missing common variations) rather than anchor 4's good coverage.

3 / 5

Distinctiveness Conflict Risk

"Modern take on brutalism" with "warm surfaces" and "high-contrast layouts" carves out a clear aesthetic niche that would rarely trigger unrelated skills. It is anchor 4 rather than 5 because without explicit trigger phrases there is minor overlap risk with generic design-system or styling skills.

4 / 5

Total

12

/

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

g23polar/dotfiles

Path

pi/agent/skills/neobrutal-design/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.