DEDUPEDWho it is forA developer building an internal dashboard who wants it to look like a real product screen.
The problemAgent-built dashboards often have noisy panels, made-up data styling and uneven margins.
The outcomeA dashboard shell with data, charts and tables built to an app style and checked against app rules.
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
codex plugin marketplace add Leonxlnx/taste-skill - Run
codex plugin add taste-skill@taste-skilland start a new Codex session - Ask for the dashboard or settings screen and give it your real data fields
- Let it deal an app style from its study of real product screens and build the shell, data, charts and tables
- Check that the frame rules pass: a clear title on the first screen, equal margins, no random blank stretches
Prompt for your agent
Using taste-skill in Codex, build a <dashboard type> screen for <app> with these data fields: <fields>. Follow the app style it deals, keep panels quiet, and report the frame checks it ran.
Caveat.
Use this in your AI agent
Ask your agent
Using the Deduped MCP, get the setup steps for Leonxlnx/taste-skill and "Build a dashboard screen in Codex that does not look like a template"
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