Ant gives Tally the look of Ant Design: white and cool grey, a #1677ff blue, Plus Jakarta Sans with JetBrains Mono figures, and compact bordered cards and tags. The landing hero is a realistic budget dashboard; the dashboard itself is dense and tidy. It is clean and clearly not the default, but it looks like many admin tools. Pick it for data-heavy B2B apps.
Ant vs Cafe
Awesome Design Skills · Awesome Design Skills
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 Minimalist way: white space, one accent, and the confidence to leave things out. Both are best for: visual direction.
First screen only. Switch to side by side to read the full pages.
Scroll either page; the other follows.
Cafe gives Tally espresso browns on cream, Poppins type and soft rounded cards. The landing has a phone next to a paper-receipt "monthly tally" and coffee-themed copy; the dashboard leads with a dark espresso summary card. It is warm and tidy, but the cream background and phone hero sit close to the default look, with brown in place of green. Pick it for cozy lifestyle or food brands.
Side by side
| Field | Ant (Awesome Design Skills) | Cafe (Awesome Design Skills) |
|---|---|---|
| Fonts |
|
|
| Colors |
|
|
| Pick it for |
|
|
| Skip it for |
|
|
| Observations |
|
|
Install Ant (Awesome Design Skills)
1 Run in your terminal
npx degit bergside/awesome-design-skills/skills/ant#main .claude/skills/ant2 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 Cafe (Awesome Design Skills)
1 Run in your terminal
npx degit bergside/awesome-design-skills/skills/cafe#main .claude/skills/cafe2 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.