Liquid Glass Design vs Taste Skill

ECC · design-taste-frontend

Liquid Glass Design (ECC) scored higher on the same brief, 4/5. The rows below show where each one fits.

Same brief, opposite looks. Liquid Glass Design is Daydreamer and Taste Skill is Brutalist: see how far apart two good skills can take the same page.

Liquid Glass Design4/5
After: Tally landing page, made with Liquid Glass Design (ECC)
Taste Skill3/5
After: Tally landing page, made with Taste Skill (design-taste-frontend)

Scroll either page; the other follows.

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.

Taste Skill (design-taste-frontend)

3/5

Taste makes the boldest landing page in the set, a white Swiss poster with giant Anton type, electric blue and red. The dashboard looks like a different skill made it, and it scrolls sideways on a phone.

Side by side

FieldLiquid Glass Design (ECC)Taste Skill (design-taste-frontend)
Fonts
  • Bricolage Grotesque (landing)
  • DM Sans (landing)
  • Manrope (dashboard)
  • Anton
  • Work Sans
  • Schibsted Grotesk (dashboard)
Colors
  • #13212c ink
  • #0f8f7e teal
  • #ff7a59 coral
  • #ffb547 amber
  • #8b7cf6 violet
  • #3f5bd9 blue (dashboard)
  • #e0435a red (dashboard)
  • #ffffff bg
  • #0a0a0a black
  • #2436ff electric blue
  • #ff3b1f red
  • dashboard #13201A green and #C8F168 lime
Pick it for
  • consumer fintech apps
  • iOS companion sites
  • friendly SaaS dashboards
  • wellness and lifestyle products
  • app launch pages
  • bold marketing pages
  • creative and youth brands
  • directories and editorial indexes
  • event or launch sites
Skip it for
  • dense data and admin tools
  • sober enterprise or legal brands
  • long-form editorial sites
  • calm personal finance
  • dense enterprise tools
  • accessibility-first public services
Observations
  • 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 mobile: 524 px wide on a 390 px screen, so it scrolls sideways
  • dashboard: money figures print with a space before the comma
  • the dashboard (dark green and lime, Schibsted Grotesk) shares nothing with the landing page
  • landing took 357 s and 29 turns

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 Taste Skill (design-taste-frontend)

1 Run in your terminal

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

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.