CtrlK
BlogDocsLog inGet started
Tessl Logo

redesign-existing-projects

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.

62

Quality

74%

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 ./skills/redesign-skill/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

82%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.

A highly actionable, well-structured audit-and-fix skill that gives concrete, specific guidance throughout with a clear workflow sequence. Its main gaps are a few wordy rationale entries and a monolithic single-file structure that could benefit from splitting the detailed checklists into references.

DimensionReasoningScore

Conciseness

The body is dense high-signal 'problem -> fix' bullet pairs with inline specifics and no padding about basics Claude already knows, but a few entries (e.g. the long 'Random dark sections' rationale and the picsum.photos paragraph) are wordier than needed.

4 / 5

Actionability

Fixes are concrete and executable throughout — named fonts ('Geist', 'Outfit'), exact CSS values ('#0a0a0a', 'min-height: 100dvh', 'scale(0.98)', 'font-variant-numeric: tabular-nums'), a real placeholder URL, and an explicit banned-words list — covering the common cases.

5 / 5

Workflow Clarity

A clear Scan -> Diagnose -> Fix sequence, an ordered 7-step Fix Priority, and verification guards ('Test after every change', 'check the dependency file first') are present, but there is no explicit validate -> fix -> retest feedback loop for the destructive/batch case of modifying an existing codebase.

4 / 5

Progressive Disclosure

Well-organized into clear ##/### sections (How This Works, Design Audit subsections, Upgrade Techniques, Fix Priority, Rules) with no nested references, but as a 174-line monolithic file the detailed audit checklists could be split into reference files rather than inlined.

4 / 5

Total

17

/

20

Passed

Description

66%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 specific, mostly-distinct description with good keyword coverage, but it lacks an explicit 'Use when...' trigger clause in the description field itself, capping completeness. Concrete actions are present but some phrasing ('premium quality', 'high-end') is abstract.

Suggestions

Add an explicit 'Use when...' clause to the description (e.g. 'Use when redesigning an existing website or app, improving a current UI, or auditing for generic AI design patterns') to raise completeness above 3.

Surface the most natural trigger terms — 'redesign', 'UI', 'improve' — directly in the description rather than only in the separate triggers list.

Replace abstract phrases like 'premium quality' and 'high-end design standards' with concrete outcomes (e.g. 'applies consistent typography, color, and component systems') to sharpen specificity.

DimensionReasoningScore

Specificity

Names the domain ('websites and apps', 'current design') and several concrete actions — 'Audits current design, identifies generic AI patterns, and applies high-end design standards' — but phrases like 'premium quality' and 'high-end design standards' are somewhat abstract, so it stops short of fully comprehensive coverage.

4 / 5

Completeness

The description field gives a clear 'what' (audit, identify, apply) but contains no explicit 'Use when...' trigger clause — the trigger guidance lives only in the separate `triggers:` field, which per the rubric caps completeness at 3.

3 / 5

Trigger Term Quality

Good natural keyword coverage ('websites and apps', 'design', 'audit', 'CSS framework', 'vanilla CSS', 'AI patterns', 'premium quality'), though the most natural user phrases like 'redesign' and 'UI' are absent.

4 / 5

Distinctiveness Conflict Risk

The 'identify generic AI patterns' / anti-AI-slop focus gives it a mostly distinct niche, though 'Upgrades existing websites and apps' with 'Works with any CSS framework' leaves minor overlap risk with general web-design skills.

4 / 5

Total

15

/

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.

Validation15 / 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
nexu-io/open-design
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.