CtrlK
BlogDocsLog inGet started
Tessl Logo

quieter

Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic.

75

Quality

70%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

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

Quality

Discovery

89%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

This is a well-crafted skill description with strong trigger terms and a clear 'Use when' clause that makes it easy for Claude to select appropriately. Its main weakness is that the 'what' portion could be more specific about the concrete actions taken (e.g., reducing saturation, softening contrasts, muting colors). Overall, it's a strong description that clearly carves out a distinct niche.

Suggestions

Add more specific concrete actions to the 'what' portion, e.g., 'reduces color saturation, softens contrasts, mutes bold typography, and simplifies busy layouts' to improve specificity.

DimensionReasoningScore

Specificity

It names the domain (visual design) and a general action ('tones down visually aggressive designs', 'reducing intensity while preserving quality'), but doesn't list multiple specific concrete actions like adjusting color saturation, reducing contrast, muting typography, etc.

2 / 3

Completeness

Clearly answers both 'what' (tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality) and 'when' (explicit 'Use when...' clause with multiple trigger scenarios).

3 / 3

Trigger Term Quality

Excellent coverage of natural terms users would say: 'too bold', 'too loud', 'overwhelming', 'aggressive', 'garish', 'calmer', 'more refined aesthetic'. These are highly natural phrases a user would use when requesting this kind of adjustment.

3 / 3

Distinctiveness Conflict Risk

This occupies a clear niche — specifically calming down overly intense visual designs. The trigger terms are distinctive and unlikely to conflict with other design skills (e.g., a general styling skill or a brand color skill).

3 / 3

Total

11

/

12

Passed

Implementation

50%

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

This is a reasonably well-structured design refinement skill with good specific guidance (concrete numeric values for saturation, font weights, animation distances) and a logical workflow. Its main weaknesses are the lack of executable code examples showing before/after CSS transformations, some motivational filler that doesn't add actionable value, and a verification step that relies on subjective questions rather than concrete checkpoints. The NEVER list and specific numeric guidelines are strong points.

Suggestions

Add concrete before/after CSS code snippets showing specific refinement transformations (e.g., a color palette shift, typography weight reduction) to improve actionability.

Replace the rhetorical verification questions with concrete checkpoints, such as checking contrast ratios meet WCAG standards, verifying interactive elements maintain minimum touch targets, or comparing saturation values against the recommended ranges.

Trim motivational statements like 'Quiet design is confident design' and 'Less is more, but less is also harder' that don't provide actionable guidance to Claude.

DimensionReasoningScore

Conciseness

The skill contains some unnecessary elaboration (e.g., 'Great quiet design is harder than great bold design', 'Quiet design is confident design. It doesn't need to shout.') and motivational statements that don't add actionable value. However, most content is reasonably focused on specific guidance rather than explaining basics Claude would already know.

2 / 3

Actionability

The skill provides specific, concrete design guidance (e.g., 'Shift from fully saturated to 70-85% saturation', 'Reduce font weights 900 → 600, 700 → 500', 'Shorter distances 10-20px instead of 40px') which is good, but lacks executable code examples. For a design instruction skill this is partially acceptable, but concrete CSS/code snippets showing before/after transformations would significantly improve actionability.

2 / 3

Workflow Clarity

The workflow follows a logical sequence (Assess → Plan → Refine → Verify), but the verification step is vague with only rhetorical questions rather than concrete validation checkpoints. For a skill that involves modifying existing designs (potentially destructive), there's no explicit feedback loop for iterating if the result is still too intense or has become too bland.

2 / 3

Progressive Disclosure

The skill references external skills (/frontend-design, /teach-impeccable) which is good progressive disclosure, but the main body itself is quite long with detailed inline content across multiple dimensions (color, weight, simplification, motion, composition) that could benefit from being split into referenced sub-documents. The structure with clear headers is decent but the content is borderline monolithic.

2 / 3

Total

8

/

12

Passed

Validation

90%

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

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

10

/

11

Passed

Repository
pbakaus/impeccable
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.