CtrlK
BlogDocsLog inGet started
Tessl Logo

uncodixfy

Prevents generic AI/Codex UI patterns when generating frontend code. Use this skill whenever generating HTML, CSS, React, Vue, Svelte, or any frontend UI code to enforce clean, human-designed aesthetics inspired by Linear, Raycast, Stripe, and GitHub instead of typical AI-generated UI.

60

Quality

70%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Critical

Do not install without reviewing

Fix and improve this skill with Tessl

tessl review fix ./SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

50%Weight 40%Scale 1-3

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

The skill delivers genuinely concrete numeric specs and hex palettes that make it usable, but it suffers from heavy redundancy across three overlapping banned-pattern sections and pervasive vague language ("normal", "subtle", "simple"). Consolidating the lists and moving the palette tables into a reference file would materially improve both conciseness and progressive disclosure.

Suggestions

Merge the overlapping 'Keep It Normal', 'Hard No', and 'Specifically Banned' lists into a single deduplicated ruleset to remove the triplicated guidance and cut token cost.

Replace vague modifiers ('normal', 'subtle', 'simple') with the concrete numeric anchors already present elsewhere in the doc, so every rule is executable rather than subjective.

Move the Dark and Light color-scheme tables into a references/palettes.md file referenced one level deep, keeping SKILL.md as a lean overview with the color-priority decision rule.

DimensionReasoningScore

Conciseness

The body is mostly domain-specific actionable content rather than concepts Claude already knows, but the same guidance is restated across three overlapping sections ("Keep It Normal", "Hard No", "Specifically Banned") plus throat-clearing prose ("Stop playing hard to get. Make normal UI."); it could be tightened into one consolidated list.

2 / 3

Actionability

Concrete copy-paste-ready specs are present (e.g. "240-260px fixed width", "8-10px radius max", "100-200ms ease", "4/8/12/16/24/32px" scale, and full hex palette tables with a priority order), but these are interleaved with a large volume of vague modifiers ("normal", "simple", "subtle") that leave much of the guidance non-executable.

2 / 3

Workflow Clarity

There is a sequenced decision process for color selection (1. use existing project colors, 2. pick a predefined palette, 3. do not invent combinations) and an internal-reasoning instruction, but there are no validation checkpoints or error-recovery loops, and the overall apply-then-verify flow is only implicit.

2 / 3

Progressive Disclosure

No bundle files exist and the document is a single ~190-line monolith; it is sectioned with clear headers, but at this length content such as the two palette tables and the duplicated banned-pattern lists could be split into one-level-deep reference files rather than kept fully inline.

2 / 3

Total

8

/

12

Passed

Description

90%Weight 40%Scale 1-3

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 is well-formed: third-person voice, explicit "Use when" trigger, broad natural trigger terms, and a distinctive niche. Its only weakness is that the stated capability is a single action framed two ways rather than a list of distinct concrete actions.

DimensionReasoningScore

Specificity

Names the domain and technologies ("HTML, CSS, React, Vue, Svelte, or any frontend UI code") and a core action ("Prevents generic AI/Codex UI patterns" / "enforce clean, human-designed aesthetics"), but the action is essentially one framing repeated rather than multiple distinct concrete actions, so it stops short of the comprehensive anchor 3.

2 / 3

Completeness

Explicitly answers both halves: what it does ("Prevents generic AI/Codex UI patterns... to enforce clean, human-designed aesthetics") and when to use it ("Use this skill whenever generating HTML, CSS, React, Vue, Svelte, or any frontend UI code").

3 / 3

Trigger Term Quality

Includes natural terms a user would actually say — "generating HTML, CSS, React, Vue, Svelte, or any frontend UI code" — giving good coverage of the common ways users request frontend work.

3 / 3

Distinctiveness Conflict Risk

Occupies a clear niche (anti-AI-aesthetic frontend styling inspired by Linear/Raycast/Stripe/GitHub) with frontend-code triggers unlikely to collide with other skills.

3 / 3

Total

11

/

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
cyxzdev/Uncodixfy
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.