Liquid Glass Design (ECC) 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.

Liquid Glass Design (ECC)

4/5

Liquid Glass Design builds Tally out of frosted glass panels floating over soft mint, peach and periwinkle light, set in Bricolage Grotesque and DM Sans. The dashboard keeps the glass in Manrope and stays readable. Pick it if you want a friendly, Apple-flavored product that looks nothing like the cream-and-serif default.

nothing-design-skill

4/5

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

Field	Liquid Glass Design (ECC)	nothing-design-skill
Fonts	Bricolage Grotesque (landing) DM Sans (landing) Manrope (dashboard)	Doto Space Grotesk Space Mono
Colors	#13212c ink #0f8f7e teal #ff7a59 coral #ffb547 amber #8b7cf6 violet #3f5bd9 blue (dashboard) #e0435a red (dashboard)	#000000 background #111111 surface #E8E8E8 text #D71921 red #4A9E5C success
Good fit for	consumer fintech apps iOS companion sites friendly SaaS dashboards wellness and lifestyle products app launch pages	hardware and gadget brands dev tools tech product launches dark-first apps
Not great for	dense data and admin tools sober enterprise or legal brands long-form editorial sites	warm consumer finance accessibility-critical services content-heavy sites
Flaws we saw	dashboard desktop: the payee column in the transactions table wraps onto two lines the landing (teal, coral, amber) and the dashboard (blue-led) shift the accent color between pages the skill is written for SwiftUI; on the web the glass is CSS blur, so it leans on backdrop-filter support	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 skill How the brief works

Install Liquid Glass Design (ECC)

1 Run in your terminal

npx degit affaan-m/ECC/skills/liquid-glass-design#main .claude/skills/liquid-glass-design

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 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.