Who it is forA developer with a working but bland site who wants a redesign without breaking content.
The problemRedesigns done blind often drop content or break layouts at other screen widths.
The outcomeAn audited and redesigned page, checked at three widths, with credited pictures.
What you need first
- Node 22 or newer
- Chrome, Edge or Chromium installed
- Claude Code, Codex or another agent that loads skills
- Network access to find pictures
Steps
- Run
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend" - Make sure Node 22+ and Chrome, Edge or Chromium are installed
- Point your agent at the existing page and ask for a redesign; the skill audits it in a real browser first
- Let it rebuild with real pictures and fail its own checks on slop
- Replace the open collection photos with your own when you have them
Prompt for your agent
Install Leonxlnx/taste-skill (design-taste-frontend) with npx skills, audit <page> in a real browser, list what to keep, then redesign it and show before and after screenshots at three widths.
Caveat.
Use this in your AI agent
Ask your agent
Using the Deduped MCP, get the setup steps for Leonxlnx/taste-skill and "Audit an existing page in a real browser before redesigning it"
Add Deduped to Claude Code once
claude mcp add --transport http deduped https://dedupedai.com/mcp
Every Monday: the 5 hottest repos and exactly how to use them. Free, one email a week, unsubscribe anytime.
Get them freeShare: X LinkedIn Hacker News Email Copy link
Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer