CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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.

57

Quality

72%

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

71%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 dense, well-structured audit checklist that is unusually concrete for an instruction-only skill — specific fonts, values, CSS properties, and a fix-priority sequence make it directly actionable. Its main weaknesses are the absence of any bundle files for a body this long (everything is inlined) and no explicit validation/feedback loop beyond 'test after every change'.

Suggestions

Split the Design Audit categories into references/ files (e.g. typography.md, color.md, layout.md) and keep a condensed audit index in SKILL.md so only the relevant checklist loads per project.

Add an explicit feedback loop to the workflow, e.g. after applying fixes: verify functionality, revert on regression, and re-run the audit to confirm the pattern was resolved.

Include one short before/after code snippet (e.g. a card or button) to anchor the abstract 'premium' style guidance in executable markup.

DimensionReasoningScore

Conciseness

Nearly every line is a compact, imperative directive with concrete values (fonts, hexes, CSS properties) and no explanations of concepts Claude already knows. A few long prose items (collapsed-navigation rules, the mid-page dark-section entry) could be tightened, keeping it below a 5.

4 / 5

Actionability

Concrete throughout: named fonts ('Geist', 'Satoshi'), specific values ('#0a0a0a', 200-300ms, 65 characters), exact CSS properties ('font-variant-numeric: tabular-nums', 'min-height: 100dvh', 'text-wrap: balance') and a usable placeholder URL. As an instruction-only skill this is highly actionable; the minor gap is that no complete snippet demonstrates any fix end-to-end.

4 / 5

Workflow Clarity

An explicit Scan -> Diagnose -> Fix sequence, a numbered Fix Priority order, and Rules including 'Test after every change' as a validation checkpoint. It lacks an explicit error-recovery/feedback loop for when a change breaks something, so it does not reach 5.

4 / 5

Progressive Disclosure

Sections are well-organized with clear headers, but the ~175-line body inlines the entire audit checklist with no reference files at all. For a skill this size, the audit categories are stable reference material that could live in references/ files, so content that should be separate is inline.

3 / 5

Total

15

/

20

Passed

Description

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

The description states a clear, third-person, multi-action 'what' with a useful stack-agnostic constraint, but it never tells Claude when to use it — no trigger phrase or 'Use when...' clause. Natural user vocabulary like 'redesign' or 'polish' is missing, which both weakens trigger matching and slightly raises overlap risk with general design skills.

Suggestions

Add an explicit trigger clause, e.g. 'Use when the user asks to redesign, restyle, or polish an existing website or app, or complains it looks generic or AI-generated.'

Include the natural synonyms users actually say — 'redesign', 'restyle', 'make it look premium/professional' — to improve trigger matching.

Name one or two concrete upgrade surfaces (e.g. typography, color, layout, component patterns) to sharpen what the skill covers.

DimensionReasoningScore

Specificity

'Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality' lists several specific, distinct actions plus a stack constraint ('Works with any CSS framework or vanilla CSS'). It falls short of 5 because coverage of what is upgraded (typography, layout, states, etc.) is not surfaced.

4 / 5

Completeness

The 'what' is clear (audit, identify generic patterns, apply standards, preserve functionality), but there is no 'Use when...' clause or equivalent explicit trigger; 'existing websites and apps' only weakly implies the situation. Per the judging guidelines, a missing explicit trigger clause caps completeness at 3.

3 / 5

Trigger Term Quality

Relevant keywords exist ('websites', 'apps', 'design', 'CSS framework'), but the most natural user phrasings — 'redesign', 'polish the UI', 'make it look professional' — are absent, and no synonyms or variations are offered. Not 4 because more than just a few natural terms are missing.

3 / 5

Distinctiveness Conflict Risk

'Upgrades existing websites and apps' plus 'identifies generic AI patterns' carves a clear niche (redesign of existing projects, not creation from scratch) with only minor overlap risk against general design/styling skills. Not 5 because terms like 'high-end design standards' remain somewhat broad.

4 / 5

Total

14

/

20

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

Leonxlnx/taste-skill

Path

skills/redesign-skill/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.