CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

colorize

Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette.

64

Quality

80%

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 ./templates/skills/impeccable/colorize/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

67%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 well-sequenced, largely actionable design workflow with concrete specifics (OKLCH values, WCAG ratios, palette limits). Its main cost is redundancy — repeated 60/30/10 and semantic-color guidance inflate token usage without adding information.

Suggestions

Merge the duplicated 60/30/10 palette-distribution guidance: state it once in 'Plan Color Strategy' and have 'Maintain Hierarchy' reference it rather than restate dominant/secondary/accent percentages.

Cut the second listing of semantic color meanings (green=success, red=error, etc.) in 'Introduce Color Strategically' — Claude already knows these conventions; keep only the less-obvious tone suggestions (emerald, rose, amber).

Trim generic application bullets (e.g., 'Icons: Colorize key icons', 'Colored headings: Use brand colors') to the ones that add non-obvious specifics, or move the per-surface tactic lists into a reference file.

DimensionReasoningScore

Conciseness

Mostly efficient checklist-style guidance, but noticeably duplicated: the 60/30/10 distribution appears in both "Plan Color Strategy" and "Maintain Hierarchy", and the semantic color mappings (green=success, red=error, etc.) — which Claude already knows — are listed in both the "Assess" and "Semantic Color" sections.

3 / 5

Actionability

For an instruction-only skill the guidance is mostly concrete — specific OKLCH values (oklch(97% 0.01 60)), WCAG ratios (4.5:1 / 3:1), "2-4 colors max", and an explicit NEVER list — though some bullets remain generic ("Colorize key icons", "Add color to section headers").

4 / 5

Workflow Clarity

A clearly sequenced flow (Prepare → Assess → Plan → Introduce → Balance → Verify) with a verification checklist and accessibility checkpoints, but there is no feedback loop telling Claude what to re-balance when verification fails, so it falls short of the explicit-validation-with-recovery anchor.

4 / 5

Progressive Disclosure

Good structure with a clean ##/### hierarchy and appropriate delegation of prep work to /frontend-design, but the ~70 lines of per-surface application tactics are inlined in a 135-line body where a reference file split would fit, matching the 'good structure; minor organization gaps' anchor.

4 / 5

Total

15

/

20

Passed

Description

86%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 strong description with an explicit what plus a rich, natural 'Use when...' trigger clause. Its only weaknesses are a single-action what-clause and slight overlap potential with closely related design skills.

DimensionReasoningScore

Specificity

Names the domain (strategic color for interfaces) and one concrete action ("Add strategic color to features"), but does not enumerate several distinct actions, matching the 'names domain and 1-2 concrete actions' anchor rather than the 'lists several specific actions' anchor.

3 / 5

Completeness

Explicitly answers both: what ("Add strategic color to features that are too monochromatic... making interfaces more engaging and expressive") and when ("Use when the user mentions...") with concrete trigger phrases, exactly matching the top anchor.

5 / 5

Trigger Term Quality

The 'when' clause covers a comprehensive set of natural user phrases with synonyms — "looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette" — plus "monochromatic" in the what-clause, satisfying the comprehensive-synonyms anchor.

5 / 5

Distinctiveness Conflict Risk

The colorizing-dull-designs niche is clear and triggers are distinct, but phrases like "wanting a more vibrant palette" carry minor overlap risk with sibling palette/brand-design skills in the same design-skill family, matching the 'mostly distinct; minor overlap risk' anchor.

4 / 5

Total

17

/

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

fengshao1227/ccg-workflow

Path

templates/skills/impeccable/colorize/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.