elayadesign/redesign-skill ? reverse-engineered prompt

Reverse engineered prompt

Build me a reusable design audit skill for AI coding tools that can look at an existing website or app, spot the generic looking parts, missing UI states, and sloppy design choices, then improve the project in place without rewriting everything.

I want it to work with tools like Cursor, Claude Code, Codex, Windsurf, or anything that can read a markdown rules file. It should include clear guidance for typography, color, spacing, radius, layout, motion, copy, and required states like hover, loading, empty, error, and focus. It should also cover the basics people always forget, like favicon, meta tags, validation, alt text, and legal links.

Make it easy to install as a project rule file and make the prompt tell the agent to audit first, report what it finds, then fix things in order. If you need to, look up the current docs for the tools so the setup instructions are accurate.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab