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.

56

Quality

71%

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.

The body is a dense, highly actionable audit checklist with specific fixes, exact CSS properties, and a clear scan-diagnose-fix workflow with prioritization. Its main weaknesses are the absence of any external reference files (the whole detailed reference lives inline in SKILL.md) and a thin validation story beyond "test after every change". Splitting the audit categories into one-level-deep reference files would improve progressive disclosure significantly.

Suggestions

Move the detailed per-category audit checklists (Typography, Color, Layout, States, Content, Component Patterns, Iconography) into one-level-deep reference files (e.g., references/typography.md) and keep SKILL.md as the workflow, fix priority, and rules.

Strengthen the validation loop: specify what to do when a change breaks functionality (revert the last change, re-test, proceed in smaller increments) rather than the single "Test after every change" sentence.

Add one short before/after code snippet for a representative fix (e.g., the generic three-card feature row) to anchor the abstract pattern swaps in executable code.

DimensionReasoningScore

Conciseness

The body is a dense problem-to-fix checklist with specific values ("keep saturation below 80%", "min-height: 100dvh", "200-300ms") and almost no explanation of concepts Claude already knows, matching the efficient anchor. It is not 5 because a handful of items restate the obvious ("Missing favicon. Always include a branded favicon", "Lorem Ipsum. Never use placeholder latin text") and could be trimmed.

4 / 5

Actionability

Guidance is consistently concrete — exact font names (Geist, Outfit, Cabinet Grotesk), exact CSS properties (text-wrap: balance, font-variant-numeric: tabular-nums, scroll-behavior: smooth), and exact numeric targets (1200-1440px containers, scale(0.98) press feedback). For an instruction-only skill this is mostly executable guidance with minor gaps; it is not 5 because a few items remain at the direction level ("commit to a full dark mode") and there are no copy-paste before/after snippets.

4 / 5

Workflow Clarity

A clear three-step sequence (Scan, Diagnose, Fix), an explicit seven-step Fix Priority, and a Rules section with "Test after every change" provide a clear sequence with most checkpoints present. It falls short of 5 because validation is a single sentence with no feedback loop (no guidance on what to do when a test fails or how to revert a bad change).

4 / 5

Progressive Disclosure

Section headers organize the material well, but a ~175-line audit checklist spanning seven-plus categories is fully inlined in SKILL.md with no references at all — content that could live in per-category reference files (typography, color, layout). This matches the anchor for some structure with content that should be separate kept inline; it is not 4 because there are no clearly signaled references, and the under-50-lines exception does not apply.

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 is specific and concrete about what the skill does, with a clear niche in redesigning existing projects rather than creating new ones. Its main weakness is the absence of any explicit "when to use" trigger guidance and natural user phrasing like "redesign" or "UI" within the description text itself. Adding a "Use when..." clause with those trigger terms would lift completeness and trigger term quality.

Suggestions

Append a trigger clause such as: "Use when the user asks to redesign, restyle, or polish an existing site or app, improve its UI, or make it look premium/less generic."

Include natural user-voice synonyms in the description ("redesign", "UI", "look and feel", "make it look better") so it matches how users actually phrase the request.

Briefly signal scope breadth (typography, color, layout, interaction states, copy) so the description covers what the skill body actually delivers.

DimensionReasoningScore

Specificity

"Audits current design, identifies generic AI patterns, and applies high-end design standards" lists several concrete actions with minor gaps in coverage, matching the anchor for several specific actions. It falls short of 5 because it does not enumerate the breadth of sub-tasks the body actually covers (typography, layout, states, content), and exceeds 3 because it names more than 1-2 actions.

4 / 5

Completeness

The "what" is clear (upgrade, audit, identify generic patterns, apply high-end standards, framework-agnostic), but there is no "Use when..." clause or equivalent explicit trigger guidance in the description, which caps completeness at 3 per the judging guidelines. It is above 2 because the "what" is concrete, but below 4 because the "when" is entirely absent from the description field.

3 / 5

Trigger Term Quality

Relevant keywords are present ("websites", "apps", "design", "CSS framework", "vanilla CSS") but common natural variations users would say are missing — notably "redesign", "UI", "make it look better", or "polish". This matches the anchor for some relevant keywords missing common variations, and not 4 since several natural trigger phrases are absent from the description text itself.

3 / 5

Distinctiveness Conflict Risk

The niche — upgrading existing projects while preserving functionality, targeting "generic AI patterns" — is mostly distinct from a from-scratch design skill, with only minor overlap risk against closely related design/polish skills. It is not 5 because terms like "design" and "upgrade" alone could collide with general styling or refactoring skills.

4 / 5

Total

14

/

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

nexu-io/open-design

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.