{
 "schema_version": 1,
 "generated": "2026-10-31",
 "id": "leonxlnx-taste-skill--design-a-dashboard-screen-with-taste-skill-in-codex",
 "repo": "Leonxlnx/taste-skill",
 "repo_url": "https://github.com/Leonxlnx/taste-skill",
 "repo_slug": "leonxlnx-taste-skill",
 "title": "Build a dashboard screen in Codex that does not look like a template",
 "page_title": "How to build a dashboard screen in Codex that does not look like a template with Taste Skill",
 "summary": "Use Taste Skill v2.1 in Codex to build an admin or dashboard screen with quiet panels and honest charts.",
 "who": "A developer building an internal dashboard who wants it to look like a real product screen.",
 "problem": "Agent-built dashboards often have noisy panels, made-up data styling and uneven margins.",
 "outcome": "A dashboard shell with data, charts and tables built to an app style and checked against app rules.",
 "steps": [
  "Run `codex plugin marketplace add Leonxlnx/taste-skill`",
  "Run `codex plugin add taste-skill@taste-skill` and 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"
 ],
 "agent_prompt": "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.",
 "agents": [
  "codex"
 ],
 "difficulty": "Intermediate",
 "time": "45 minutes",
 "basis": "readme",
 "caveat": "This card is written from the Leonxlnx/taste-skill README, not from a test run by Deduped. Before you start, make sure you have Node 22 or newer. Check the repo for newer instructions before you rely on these steps.",
 "category": "Content",
 "tags": [
  "Content"
 ],
 "lang": "javascript",
 "requirements": [
  "Node 22 or newer",
  "Chrome, Edge or Chromium installed",
  "Claude Code, Codex or another agent that loads skills",
  "Network access to find pictures"
 ],
 "risk": "none",
 "seen_in_the_wild": false,
 "mentioned_publicly": false,
 "risks": [],
 "best": false,
 "score": 0.9,
 "evidence": [],
 "url": "https://dedupedai.com/use-cases/leonxlnx-taste-skill/design-a-dashboard-screen-with-taste-skill-in-codex/",
 "md": "https://dedupedai.com/use-cases/leonxlnx-taste-skill/design-a-dashboard-screen-with-taste-skill-in-codex/index.md",
 "disclaimer": "Deduped lists open-source repositories that belong to other people. We do not own, maintain, audit, or vouch for any of them, and a repo appearing here is not an endorsement or a safety check. The use cases, steps, and prompts are written by AI and may be incomplete, outdated, or just wrong. Where a use case is marked \"Seen in the wild\", we link to public posts where someone described something similar, but we have not verified those posts and the use case itself is still our AI's own write-up. Use all of this at your own risk. Only run code, commands, or agents on systems and accounts you are authorized to use, and read the code and every command before you run it, especially anything that touches credentials, files, or the network. Nothing here is professional, security, legal, or financial advice. All trademarks and project names belong to their respective owners, and their use here does not imply affiliation. Content is provided as is, without warranties of any kind. Found a mistake, a safety problem, or something you want removed? Email hello@dedupedai.com and we will look at it promptly.",
 "api": "https://dedupedai.com/api/v1/usecases/leonxlnx-taste-skill--design-a-dashboard-screen-with-taste-skill-in-codex.json",
 "api_version": "v1"
}