Skills for Design3 out of 5
ECC Frontend Design Direction
ECC keeps a Fraunces and cream landing page but adds mono labels and a tilted sticky note. The IBM Plex dashboard is more useful than the baseline's, with a sync alert, search and person filters.
ECC Frontend Design Direction vs Impeccable
Both after shots are the Tally landing page from the same Claude Code test. Shared tags: Visual direction, Landing pages.
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.
Baseline with no skill · How the brief works
How to install ECC Frontend Design Direction
Works with Claude Code, Codex, Cursor, Gemini and more
npx degit affaan-m/ECC/skills/frontend-design-direction#main .claude/skills/frontend-design-directionThis 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 installThen run /impeccable init inside your AI coding tool.
Taken from the project README. Check the source for the latest instructions.