Frontend & UI
redesign-existing-projects
Audits an existing site and upgrades it without breaking functionality.
What it is
A scan, diagnose, and fix workflow for existing projects. It audits typography, color, layout, states, content, icons, and code quality, then applies targeted upgrades inside the current stack.
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
Why it matters for design
- Purple-blue AI gradients and three equal card rows get replaced with considered alternatives.
- Buttons in card groups align to a single bottom line across varied content.
- Missing hover, focus, loading, empty, and error states are filled in.
What it covers
- How this works
- Design audit
- Upgrade techniques
- Fix priority
- Rules
How to install
redesign-existing-projects
-
Clone the repo.
git clone https://github.com/Leonxlnx/taste-skill -
Point Codex at the skill file.
skills/redesign-skill/SKILL.md -
Then describe the UI you want. Codex follows the skill.
How to run it with Codex
-
It scans the codebase first to identify framework and styling method.
-
It lists every generic pattern and weak point before changing anything.
-
Fixes land in priority order: fonts, color, states, layout, components, typography polish.
Every plugin here is free, open source, and links to its real upstream source.
More on the codex-design list ↗Next step
Design with Open Design, without the setup
Install this plugin yourself, or run a whole curated design layer around Codex with Open Design. Bring your own key, own your output.