Garden Web Design Engineer vs Impeccable

Both after shots are the Tally landing page from the same Claude Code test. Shared tags: Visual direction, Landing pages.

3 out of 5

Garden Web Design Engineer

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.

Tally landing page made with Garden Web Design Engineer
Open full after

4 out of 5

Impeccable

Impeccable drops the cream-and-serif default for a loud navy, orange and primary-color landing page set in heavy Archivo, then builds a calmer pine-and-lime dashboard. Pick it if you want a product page with real energy that still holds up on a dense screen.

Tally landing page made with Impeccable
Open full after

Baseline with no skill · How the brief works

How to install Garden Web Design Engineer

Works with Claude Code, Codex, Cursor, Gemini and more

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

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.

How to install Impeccable

Works with Claude Code, Codex, Cursor, Gemini and more

npx impeccable install

Then run /impeccable init inside your AI coding tool.

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