Emil Kowalski Skills vs Garden Web Design Engineer

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 Print Romantic way: cream paper, serif headlines, nothing shouting. Both are best for: visual direction.

Emil Kowalski Skills3/5
After: Tally landing page, made with Emil Kowalski Skills
Garden Web Design Engineer3/5
After: Tally landing page, made with Garden Web Design Engineer

Scroll either page; the other follows.

Emil Kowalski Skills

3/5

Emil's design-eng skill keeps a cream-and-forest landing page in Instrument Serif with a tilted phone, and builds a clean near-white Geist dashboard. The landing page repeats the baseline's hero overlap.

Garden Web Design Engineer

3/5

Garden's web-design-engineer trades Fraunces for Young Serif and adds an orange-red accent with sage. It's a warm variation on the default, and it repeats the default's habit of a hero card covering the mockup.

Side by side

FieldEmil Kowalski SkillsGarden Web Design Engineer
Fonts
  • Instrument Serif
  • Inter
  • Geist and Geist Mono (dashboard)
  • Young Serif
  • Instrument Sans
  • Instrument Serif and Hanken Grotesk (dashboard)
Colors
  • #f6f2ea paper
  • #1f5c45 green
  • #e8a33d amber
  • #d9694f rose
  • dashboard #f6f5f2 with #2f6b4f accent
  • #F3EDE2 paper
  • #D9542F orange-red
  • #5E7F66 sage
  • #EFD99A butter
  • dashboard #2E5B45 green
Pick it for
  • personal finance
  • consumer mobile apps
  • small SaaS dashboards
  • personal finance
  • food and lifestyle brands
  • small consumer SaaS
Skip it for
  • bold brands
  • dense enterprise tables
  • dark-first apps
  • dense pro dashboards
  • dev tools
  • bold or dark brands
Observations
  • landing desktop: the notification card covers "$1,284.50" in the hero phone
  • landing mobile: the "Start budgeting free" button wraps to three lines
  • landing: emoji icons in the phone mockup look out of place
  • landing hero: the dark "Internet bill due Friday" card covers the Weekend fund row
  • landing mobile: the CTA buttons wrap to three lines

How the brief works

Install Emil Kowalski Skills

1 Run in your terminal

npx skills@latest add emilkowalski/skills

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 Garden Web Design Engineer

1 Run in your terminal

npx degit ConardLi/garden-skills/skills/web-design-engineer#main .claude/skills/web-design-engineer

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.