redesign-existing-projects

Audit and upgrade existing websites to premium design standards without breaking functionality.

leonxlnx ↓ 214k
Claude Code
View source ↗

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.

redesign-existing-projects on getagentictools
[![redesign-existing-projects on getagentictools](https://getagentictools.com/badge/skills/leonxlnx-taste-skill-redesign-existing-projects.svg)](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.