Huashu Design vs nothing-design-skill

Tied at 4/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. Shared tasks: Visual direction.

Tally landing page made with Huashu Design

Huashu swaps Fraunces for Bricolage Grotesque and puts a lime highlighter on a deep forest green. It keeps envelopes as real kraft cards and carries the look into a tidy dashboard. A safe, distinct choice for consumer finance.

Tally landing page made with nothing-design-skill

With the skill loading properly, Nothing turns both pages into an OLED-black instrument panel with Doto dot-matrix numerals, segmented bars and one red. This time the dashboard works end to end. Small grey labels on black are the weak spot.

Side by side

FieldHuashu Designnothing-design-skill
Fonts
  • Bricolage Grotesque
  • Hanken Grotesk
  • IBM Plex Mono
  • Geist and Geist Mono (dashboard)
  • Doto
  • Space Grotesk
  • Space Mono
Colors
  • #F3F4EE paper
  • #0F2A22 ink
  • #163D31 forest
  • #CDEB5A lime
  • #E7D3AE kraft
  • #E8684A coral
  • #000000 background
  • #111111 surface
  • #E8E8E8 text
  • #D71921 red
  • #4A9E5C success
Good fit for
  • personal finance and budgeting
  • household money apps
  • consumer SaaS marketing
  • sustainability or food brands
  • hardware and gadget brands
  • dev tools
  • tech product launches
  • dark-first apps
Not great for
  • enterprise admin
  • luxury brands
  • dark-first dev tools
  • warm consumer finance
  • accessibility-critical services
  • content-heavy sites
Flaws we saw
  • landing desktop: the headline breaks into three short lines and leaves an empty column beside it
  • dashboard: the value labels above the spending bars are tiny and crowd each other
  • dashboard chart: the month value labels are dim grey on grey bars and the y-axis labels sit behind the bars, so the chart is hard to read
  • small Space Mono labels in #666 and #999 on black are faint at 10 to 11 px on both briefs
  • landing desktop: sections leave wide empty black areas around short text
  • the look changed between runs (light landing last time, black this time), so expect some drift

The baseline with no skillHow the brief works

Install Huashu Design

1 Run in your terminal

npx skills add alchaincyf/huashu-design

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

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

Taken from the project README. Check the source for the latest instructions.

Install nothing-design-skill

1 Run in your terminal

git clone https://github.com/dominikmartn/nothing-design-skill.git
cp -r nothing-design-skill/nothing-design ~/.claude/skills/

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.

Taken from the project README. Check the source for the latest instructions.