Liquid Glass Design (ECC) vs Agency Grid Layout Minimal (Meng To)

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.

Agency Grid Layout Minimal (Meng To)

4/5

Agency Grid Layout Minimal turns Tally into a Swiss-style studio page: grey paper, huge light Inter Tight headlines with a darker second line, hairline rules and JetBrains Mono labels. The dashboard is the same: a giant "$640 left to budget", thin progress lines and one black bar in the chart. Pick it if you want a calm, typographic product page that looks designed rather than templated.

Side by side

Field	Liquid Glass Design (ECC)	Agency Grid Layout Minimal (Meng To)
Fonts	Bricolage Grotesque (landing) DM Sans (landing) Manrope (dashboard)	Inter Tight Inter (landing) JetBrains Mono
Colors	#13212c ink #0f8f7e teal #ff7a59 coral #ffb547 amber #8b7cf6 violet #3f5bd9 blue (dashboard) #e0435a red (dashboard)	#ecebe7 grey paper #fbfaf8 white #121211 ink #8b8984 grey #3d6b4f green (landing) #b4441c rust (dashboard)
Good fit for	consumer fintech apps iOS companion sites friendly SaaS dashboards wellness and lifestyle products app launch pages	agency and studio sites portfolio and case-study pages minimal SaaS landing pages finance and analytics dashboards
Not great for	dense data and admin tools sober enterprise or legal brands long-form editorial sites	playful consumer brands image-heavy marketing pages dark-mode products
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	landing: the light grey type on grey paper is low contrast in places landing: the hero product shot is a pale wireframe that says little at a glance

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 Agency Grid Layout Minimal (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/agency-grid-layout-minimal#main .claude/skills/agency-grid-layout-minimal

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.