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.
52
57%
Does it follow best practices?
Impact
—
No eval scenarios have been run
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./skills/redesign-skill/SKILL.mdQuality
Discovery
50%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 communicates a clear domain (design upgrades for existing web projects) and hints at a distinctive niche around eliminating generic AI-generated design patterns. However, it lacks an explicit 'Use when...' clause, relies on subjective terms like 'premium quality' and 'high-end design standards' rather than concrete actions, and misses common natural language trigger terms users would employ when seeking design improvements.
Suggestions
Add an explicit 'Use when...' clause, e.g., 'Use when the user wants to improve the look and feel of an existing website or app, mentions UI polish, design upgrade, or says their site looks generic or AI-generated.'
Replace vague terms like 'premium quality' and 'high-end design standards' with concrete actions such as 'refines typography, spacing, color palettes, hover states, and visual hierarchy'.
Include more natural trigger terms users would say, such as 'make it look professional', 'UI polish', 'redesign', 'improve styling', 'looks too basic', or 'design refresh'.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Names the domain (website/app design upgrades) and some actions (audits, identifies patterns, applies standards), but the actions are somewhat vague—'premium quality' and 'high-end design standards' are subjective and not concrete. It doesn't list specific transformations like 'improves typography, spacing, color palettes, animations.' | 2 / 3 |
Completeness | The 'what' is partially addressed (audits design, identifies patterns, applies standards), but there is no explicit 'Use when...' clause or equivalent trigger guidance. The 'when' is only implied by the nature of the description, which caps this at 2 per the rubric guidelines. | 2 / 3 |
Trigger Term Quality | Includes some relevant terms like 'websites', 'apps', 'CSS framework', 'vanilla CSS', and 'design', but misses many natural user phrases like 'make it look better', 'UI polish', 'redesign', 'improve styling', 'looks generic', or 'professional design'. The phrase 'generic AI patterns' is somewhat niche. | 2 / 3 |
Distinctiveness Conflict Risk | The focus on upgrading existing designs and identifying 'generic AI patterns' provides some distinctiveness, but terms like 'websites and apps' and 'CSS' are broad enough to overlap with general web development or CSS styling skills. The 'premium quality' angle helps but isn't sharply delineated. | 2 / 3 |
Total | 8 / 12 Passed |
Implementation
64%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This is a highly actionable and well-structured design audit skill with excellent concrete guidance — specific CSS properties, font names, values, and techniques that Claude can immediately apply. Its main weaknesses are the monolithic length (could benefit from splitting detailed checklists into referenced files) and the lack of explicit validation/verification steps in the workflow, which is important given that changes are applied to existing codebases where breakage is a real risk.
Suggestions
Add explicit validation checkpoints to the workflow — e.g., 'After each change category, verify the page renders correctly and no console errors appear' with specific verification commands or checks.
Split the detailed audit checklists and upgrade techniques into separate referenced files (e.g., AUDIT_CHECKLIST.md, UPGRADE_TECHNIQUES.md) and keep SKILL.md as a concise overview with the workflow and priority order.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The skill is extensive and most content earns its place as a reference checklist, but there's some verbosity in explanations (e.g., 'This is the most common AI design fingerprint') and the sheer length (~300+ lines) could be tightened. Some items explain the 'why' when Claude could infer it, though the checklist format keeps most entries lean. | 2 / 3 |
Actionability | Highly actionable throughout — each audit item names the specific problem and provides a concrete fix with CSS properties, specific values, font names, pixel adjustments, and exact techniques. Examples like `font-variant-numeric: tabular-nums`, `min-height: 100dvh`, `scale(0.98)`, and `text-wrap: balance` are copy-paste ready. | 3 / 3 |
Workflow Clarity | The 3-step workflow (Scan → Diagnose → Fix) and the Fix Priority section provide clear sequencing. However, there are no explicit validation checkpoints — the Rules section says 'Test after every change' but doesn't specify how to validate that changes haven't broken functionality, which is critical for a skill that modifies existing codebases. | 2 / 3 |
Progressive Disclosure | The content is well-organized with clear section headers and logical groupings, but it's a monolithic document with no references to external files. The extensive audit checklists and upgrade techniques could benefit from being split into separate reference files, with the SKILL.md serving as a concise overview pointing to detailed materials. | 2 / 3 |
Total | 9 / 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.
Validation — 11 / 11 Passed
Validation for skill structure
No warnings or errors.
3c7017d
Table of Contents
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.