# AI use cases for Taste Skill (Leonxlnx/taste-skill) Repo: [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) | Use cases: 3 | Page: https://dedupedai.com/use-cases/leonxlnx-taste-skill/ Taste Skill is an Agent Skill (design-taste-frontend) that makes coding agents design websites and app screens with an art direction instead of an average landing page. It picks one of 20 researched directions, uses real credited pictures from open collections, and checks the page in a real browser at three widths, fixing the top problems for up to three rounds. This file holds every use case of this repo. Each one starts with a "## " heading and ends with its URL. - Have Claude Code build a landing page with a real art direction: https://dedupedai.com/use-cases/leonxlnx-taste-skill/make-claude-code-design-a-landing-page-with-taste-skill/ - Build a dashboard screen in Codex that does not look like a template: https://dedupedai.com/use-cases/leonxlnx-taste-skill/design-a-dashboard-screen-with-taste-skill-in-codex/ - Audit an existing page in a real browser before redesigning it: https://dedupedai.com/use-cases/leonxlnx-taste-skill/audit-and-redesign-an-existing-page-with-taste-skill/ ## How to have Claude Code build a landing page with a real art direction with Taste Skill Repo: [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) | Difficulty: Intermediate | Time: 45 minutes | Basis: From the README Install Taste Skill as a Claude Code plugin and give it one brief to get a designed, browser-checked page. **Who it is for:** A founder or developer who keeps getting generic agent-built landing pages. **The problem:** Coding agents tend to assemble the same average landing page with stock layouts and no point of view. **The outcome:** A page built around one art direction with credited open-license photos, checked in a real browser at three widths. ### Steps 1. Inside Claude Code run `/plugin marketplace add Leonxlnx/taste-skill` 2. Then run `/plugin install taste-skill@taste-skill` 3. Write a brief that lists what only this client has: product, story, materials 4. Let the skill deal three directions, pick one, and build with real pictures 5. Review its browser screenshots; it fixes the top three problems for up to three rounds ### Prompt to paste into your agent ```text Use the taste-skill design-taste-frontend skill to build a landing page for from this brief: . Pick one of the dealt directions, credit every photo, and show me the screenshots from each check round. ``` ### Caveat A build takes roughly 30 to 45 minutes and a few hundred thousand tokens, so check your plan limits first. Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/ URL: https://dedupedai.com/use-cases/leonxlnx-taste-skill/make-claude-code-design-a-landing-page-with-taste-skill/ ## How to build a dashboard screen in Codex that does not look like a template with Taste Skill Repo: [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) | Difficulty: Intermediate | Time: 45 minutes | Basis: From the README Use Taste Skill v2.1 in Codex to build an admin or dashboard screen with quiet panels and honest charts. **Who it is for:** A developer building an internal dashboard who wants it to look like a real product screen. **The problem:** Agent-built dashboards often have noisy panels, made-up data styling and uneven margins. **The outcome:** A dashboard shell with data, charts and tables built to an app style and checked against app rules. ### Steps 1. Run `codex plugin marketplace add Leonxlnx/taste-skill` 2. Run `codex plugin add taste-skill@taste-skill` and start a new Codex session 3. Ask for the dashboard or settings screen and give it your real data fields 4. Let it deal an app style from its study of real product screens and build the shell, data, charts and tables 5. Check that the frame rules pass: a clear title on the first screen, equal margins, no random blank stretches ### Prompt to paste into your agent ```text Using taste-skill in Codex, build a screen for with these data fields: . Follow the app style it deals, keep panels quiet, and report the frame checks it ran. ``` ### Caveat Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/ URL: https://dedupedai.com/use-cases/leonxlnx-taste-skill/design-a-dashboard-screen-with-taste-skill-in-codex/ ## How to audit an existing page in a real browser before redesigning it with Taste Skill Repo: [Leonxlnx/taste-skill](https://github.com/Leonxlnx/taste-skill) | Difficulty: Intermediate | Time: 1 hour | Basis: From the README Install the skill with npx skills and let it audit a live page before it changes anything. **Who it is for:** A developer with a working but bland site who wants a redesign without breaking content. **The problem:** Redesigns done blind often drop content or break layouts at other screen widths. **The outcome:** An audited and redesigned page, checked at three widths, with credited pictures. ### Steps 1. Run `npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"` 2. Make sure Node 22+ and Chrome, Edge or Chromium are installed 3. Point your agent at the existing page and ask for a redesign; the skill audits it in a real browser first 4. Let it rebuild with real pictures and fail its own checks on slop 5. Replace the open collection photos with your own when you have them ### Prompt to paste into your agent ```text Install Leonxlnx/taste-skill (design-taste-frontend) with npx skills, audit in a real browser, list what to keep, then redesign it and show before and after screenshots at three widths. ``` ### Caveat Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/ URL: https://dedupedai.com/use-cases/leonxlnx-taste-skill/audit-and-redesign-an-existing-page-with-taste-skill/