shadcn/ui vs Minimalist UI

Stitch Skills · Taste Skill

Tied at 3/5 on the same brief. Pick by fit: the rows below show where each one is stronger.

Both built the Tally landing page in the same Claude Code test, and both design the Minimalist way: white space, one accent, and the confidence to leave things out.

shadcn/ui3/5
After: Tally landing page, made with shadcn/ui (Stitch Skills)
Minimalist UI3/5
After: Tally landing page, made with Minimalist UI (Taste Skill)

Scroll either page; the other follows.

shadcn/ui (Stitch Skills)

3/5

The shadcn/ui skill builds a neat, neutral shadcn-style Tally in Geist: white cards, zinc greys and one green brand color. It's tidy and consistent, but generic, and the mobile dashboard scrolls sideways. Pick it if you're building on shadcn and want that house style done right.

Minimalist UI (Taste Skill)

3/5

Minimalist UI goes almost monochrome: off-white, near-black type and Geist, with Newsreader italics for emphasis and soft Notion-like color tags. It's calm and editorial, a clear step away from the baseline, but the mobile dashboard scrolls sideways. Pick it for quiet products that let the content lead.

Side by side

Fieldshadcn/ui (Stitch Skills)Minimalist UI (Taste Skill)
Fonts
  • Geist
  • Geist Mono
  • Geist
  • Newsreader
  • Geist Mono
Colors
  • #ffffff background
  • #18181b ink
  • #21976b green
  • #ea580c orange
  • #2563eb blue
  • #fbfbfa paper
  • #111111 ink
  • #787774 muted
  • #346538 green
  • #1f6c9f blue
  • #9f2f2d red
Pick it for
  • React and shadcn projects
  • internal tools
  • SaaS dashboards
  • admin panels
  • editorial products
  • writing and notes tools
  • portfolios
  • quiet SaaS
Skip it for
  • brand-led marketing
  • distinct visual identity
  • editorial sites
  • playful brands
  • colorful consumer apps
  • bold launch pages
Observations
  • dashboard mobile: 628 px wide on a 390 px screen, so it scrolls sideways
  • looks like the shadcn defaults with a brand color
  • dashboard mobile: 433 px wide on a 390 px screen, so it scrolls sideways

How the brief works

Install shadcn/ui (Stitch Skills)

1 Run in your terminal

npx degit google-labs-code/stitch-skills/plugins/stitch-build/skills/shadcn-ui#main .claude/skills/shadcn-ui

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.

Install Minimalist UI (Taste Skill)

1 Run in your terminal

npx degit Leonxlnx/taste-skill/skills/minimalist-skill#main .claude/skills/minimalist-ui

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.