DEDUPED Hot AI repos. Real use cases. What people build. Get the Monday 5

How to set up a three-tier design token system for a project with Design Taste

Use taste-design-system so an agent builds primitive, semantic, and component tokens in DTCG format.

Short answer: Run git clone https://github.com/madebymustafa/design-taste.git and then cd design-taste; then run ./scripts/install.sh or copy the skills/taste-design-system and skills/taste-code-craft folders into your agent's skills directory; ask your agent to create the three token tiers with the taste-design-system skill for your product brief. All steps.

Who it is forA design system lead or frontend developer starting a new product who wants consistent colors, spacing, and type tokens across agent-built screens.

The problemAgents hardcode values inline, so styles drift and no single source controls the look.

The outcomeA token file in DTCG format with primitive, semantic, and component tiers, plus spacing and type scales.

What you need first

  • git and a terminal to clone the repo
  • An AI coding agent such as Claude Code, Codex, Cursor, or opencode
  • A web browser to open the before and after HTML examples
  • A brief for the page or interface you want to build

Steps

  1. Run git clone https://github.com/madebymustafa/design-taste.git and then cd design-taste.
  2. Run ./scripts/install.sh or copy the skills/taste-design-system and skills/taste-code-craft folders into your agent's skills directory.
  3. Ask your agent to create the three token tiers with the taste-design-system skill for your product brief.
  4. Ask the agent to make the CSS use only token references, following taste-code-craft.
  5. Run ./scripts/validate.sh from the repo to check the skill files, then review the token output.

Prompt for your agent

Using the taste-design-system and taste-code-craft skills from the design-taste repo, create a three-tier DTCG token file for <product brief> and update <stylesheet path> to use only token references. Verify that no hardcoded color, spacing, or type values remain in the stylesheet.

Caveat. The README says validate.sh checks skills before a release, not the tokens your agent produces, so review the token file yourself.

Use this in your AI agent

Ask your agent

Using the Deduped MCP, get the setup steps for madebymustafa/design-taste and "Set up a three-tier design token system for a project"

Add Deduped to Claude Code once

claude mcp add --transport http deduped https://dedupedai.com/mcp

Cursor, ChatGPT, others

Share: X LinkedIn Hacker News Email Copy link

Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer