CtrlK
BlogDocsLog inGet started
Tessl Logo

industrial-brutalist-ui

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.

43

Quality

42%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./skills/brutalist-skill/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

27%

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

The skill demonstrates deep domain knowledge of brutalist/industrial UI design and provides genuinely useful specific values (hex codes, CSS clamp ranges, font names, letter-spacing values). However, it is significantly over-written with explanatory prose and conceptual backstory that Claude doesn't need, lacks executable code examples showing complete components, and dumps everything into a single monolithic file with no progressive disclosure structure.

Suggestions

Cut all explanatory prose about design history and archetype origins—replace with terse labels and jump straight to implementation parameters. For example, '### Swiss Industrial Print: Light mode, heavy sans-serif, visible grid lines, red accent only' is sufficient.

Add 2-3 complete, copy-paste-ready HTML+CSS code blocks showing a full component (e.g., a data dashboard card, a header with macro-typography, a telemetry readout panel) rather than scattered inline CSS fragments.

Split into multiple files: keep SKILL.md as a concise overview with decision tree, then reference separate files like SWISS-PALETTE.md, TACTICAL-PALETTE.md, COMPONENTS.md, and EFFECTS.md for detailed specifications.

Add a concrete implementation workflow: '1. Choose archetype → 2. Set up CSS custom properties from palette → 3. Build grid skeleton → 4. Apply typography scale → 5. Add texture effects → 6. Verify: no border-radius, no gradients, no mixed substrates.'

DimensionReasoningScore

Conciseness

The content is extremely verbose with extensive explanatory prose that Claude doesn't need. Phrases like 'This discipline requires absolute mastery over...' and lengthy descriptions of what Swiss Industrial Print is 'derived from' are unnecessary padding. The description section alone is a paragraph of context Claude already understands. Font lists, color theory rationale, and archetype backstories inflate token count significantly.

1 / 3

Actionability

The skill provides specific CSS values (clamp ranges, hex colors, letter-spacing values, scanline gradients) and concrete font recommendations, which is genuinely useful. However, there are no complete, copy-paste-ready code blocks showing a full component implementation. The CSS snippets are inline fragments rather than executable examples, and there's no starter template or complete component example.

2 / 3

Workflow Clarity

The skill provides a clear decision framework (choose one archetype, commit to it) and the sections follow a logical sequence from typography to color to layout to effects. However, there's no explicit step-by-step workflow for building an interface, no validation checkpoints, and no guidance on order of operations when constructing a page. The 'Web Engineering Directives' section hints at implementation order but doesn't formalize it.

2 / 3

Progressive Disclosure

The content is a monolithic wall of text with no references to supporting files and no bundle files exist. All content—from font lists to color palettes to CSS techniques—is inlined in a single document. Font references, complete component examples, and archetype-specific templates could easily be split into separate files for better organization.

1 / 3

Total

6

/

12

Passed

Description

57%

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 establishes a distinctive visual aesthetic niche, combining Swiss typography with military terminal aesthetics in a way that's unlikely to conflict with other skills. However, it lacks concrete action verbs describing what Claude actually does, reads more like a mood board than a skill description, and is missing an explicit 'Use when...' clause with natural trigger terms.

Suggestions

Add concrete action verbs describing what the skill does, e.g., 'Applies Swiss typographic and military terminal aesthetics to create rigid-grid layouts with extreme type scale contrast and analog degradation effects.'

Add an explicit 'Use when...' clause with natural trigger terms, e.g., 'Use when the user asks for brutalist design, industrial UI, military-style dashboards, retro terminal aesthetics, or blueprint-inspired layouts.'

Include common user-facing synonyms and variations like 'brutalist,' 'industrial,' 'retro,' 'monospace,' or 'utilitarian design' to improve trigger term coverage.

DimensionReasoningScore

Specificity

Names the domain (design/aesthetics) and lists some specific elements like 'rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects,' but these describe stylistic attributes rather than concrete actions Claude would perform. No action verbs like 'creates,' 'applies,' or 'generates' are used.

2 / 3

Completeness

The 'what' is partially addressed through stylistic descriptors, and the 'when' is implied by 'For data-heavy dashboards, portfolios, or editorial sites,' but there is no explicit 'Use when...' clause with trigger guidance. Per rubric rules, missing explicit trigger guidance caps completeness at 2.

2 / 3

Trigger Term Quality

Includes some relevant terms like 'dashboards,' 'portfolios,' 'editorial sites,' 'blueprints,' and 'Swiss typographic,' but misses common user-facing terms like 'brutalist design,' 'industrial UI,' 'retro terminal style,' or file format references. A user would likely not say 'analog degradation effects' naturally.

2 / 3

Distinctiveness Conflict Risk

The description carves out a very specific aesthetic niche—Swiss typographic + military terminal + analog degradation—that is unlikely to conflict with other design skills. The combination of 'declassified blueprints' and 'mechanical interfaces' creates a distinctive identity.

3 / 3

Total

9

/

12

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.

Validation11 / 11 Passed

Validation for skill structure

No warnings or errors.

Repository
Leonxlnx/taste-skill
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.