redesign-existing-projects
Audit and upgrade existing websites to premium design standards without breaking functionality.
What it does
- Headlines lack presence. Increase size for display text, tighten letter-spacing, reduce line-height. Headlines should feel heavy and intentional.
- Body text too wide. Limit paragraph width to roughly 65 characters. Increase line-height for readability.
- Only Regular (400) and Bold (700) weights used. Introduce Medium (500) and SemiBold (600) for more subtle hierarchy.
- Numbers in proportional font. Use a monospace font or enable tabular figures (font-variant-numeric: tabular-nums) for data-heavy interfaces.
- Missing letter-spacing adjustments. Use negative tracking for large headers, positive tracking for small caps or labels.
- All-caps subheaders everywhere. Try lowercase italics, sentence case, or small-caps instead.
- Orphaned words. Single words sitting alone on the last line. Fix with text-wrap: balance or text-wrap: pretty.
Requirements & configuration
- Symmetrical vertical padding. Top and bottom padding are always identical. Adjust optically — bottom padding often needs to be slightly larger.
- No "back" navigation. Dead ends in user flows. Every page needs a way back.
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
Audit and upgrade existing websites to premium design standards without breaking functionality.
Source
Repository: https://github.com/leonxlnx/taste-skill
redesign-existing-projects FAQ
What does the redesign-existing-projects skill do?
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. Headlines lack presence. Increase size for display text, tighten letter-spacing, reduce line-height. Headlines should feel heavy and intentional. Body text too wide. Limit paragraph width to roughly 65 characters. Increase line-height for readability.
What does redesign-existing-projects require?
Symmetrical vertical padding. Top and bottom padding are always identical. Adjust optically — bottom padding often needs to be slightly larger. No "back" navigation. Dead ends in user flows. Every page needs a way back.
How do I install redesign-existing-projects?
Run: npx -y skills add https://github.com/leonxlnx/taste-skill --skill redesign-existing-projects --agent claude-code — the source lives at github.com/leonxlnx/taste-skill.
Maintain redesign-existing-projects?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/leonxlnx-taste-skill-redesign-existing-projects?ref=badge) npx agentictools info skills/leonxlnx-taste-skill-redesign-existing-projects The second line is the CLI lookup for this page — handy in READMEs and docs.