Interface Craft vs Design Taste Frontend v2, experimental

Standalone skill · 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. Both are best for: visual direction.

Interface Craft3/5
After: Tally landing page, made with Interface Craft
Design Taste Frontend v2, experimental3/5
After: Tally landing page, made with Design Taste Frontend v2, experimental (Taste Skill)

Scroll either page; the other follows.

Interface Craft gives Tally a restrained, mostly grayscale look: Schibsted Grotesk on white and light gray, an evergreen button, and a hero card where one '$1,284 left' figure leads and red marks only the over-budget envelope. The Geist dashboard sorts envelopes worst-first, wires every control and switches to a single blue accent. It is clean and well thought through but generic, the two pages use different accents, the hero money prints as '$1 , 284', and the phone dashboard scrolls sideways. Pick it for product teams who care more about clear hierarchy and working controls than about brand.

The old v2 taste skill swaps the serif for Geist on a pale grey-green canvas, with a deep green accent and an interactive budget slider in the hero. Both pages are clean and competent, with only slight distance from the baseline. Pick it if you like Taste Skill's style and want the older single-file version.

Side by side

FieldInterface CraftDesign Taste Frontend v2, experimental (Taste Skill)
Fonts
  • Schibsted Grotesk
  • Geist (dashboard)
  • Geist
  • Geist Mono
Colors
  • #ffffff white
  • #f4f4f3 light gray
  • #121314 ink
  • #0b6b4f evergreen
  • #2949c9 blue (dashboard)
  • #b42318 red
  • #f2f3f0 canvas
  • #151a17 ink
  • #23624a green
  • #9b3b2b red
  • #b0412c red (dashboard)
Pick it for
  • SaaS dashboards
  • internal and admin tools
  • product teams building real flows
  • SaaS landing pages
  • product dashboards
  • startup marketing sites
Skip it for
  • brands that want a strong visual identity
  • editorial or playful products
  • marketing-heavy launches
  • brands that need personality
  • dark products
  • editorial work
Observations
  • the phone dashboard scrolls sideways
  • landing: money figures print with spaces around the comma ('$1 , 284')
  • the landing uses evergreen and the dashboard blue
  • only slight distance from the baseline palette

How the brief works

Install Interface Craft

1 Run in your terminal

npx degit deanayoung3-droid/interface-craft#main .claude/skills/interface-craft

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 Design Taste Frontend v2, experimental (Taste Skill)

1 Run in your terminal

npx degit Leonxlnx/taste-skill/skills/taste-skill-v2-experimental#main .claude/skills/design-taste-frontend-v2-experimental

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.