Apple Design Skill vs Auteur

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.

Apple Design Skill3/5
After: Tally landing page, made with Apple Design Skill
Auteur3/5
After: Tally landing page, made with Auteur

Scroll either page; the other follows.

This Apple design skill moves Tally to a cool palette: blue-white paper, navy type and a cobalt accent, with folded-envelope illustrations in the hero. The dashboard is a tidy Inter layout with JetBrains Mono figures. Pick it if you want a clean, Apple-adjacent product that nobody will call off-brand.

Auteur

3/5

Auteur gives Tally a stationery landing page: ruled notebook paper with a red margin line, cobalt-blue ink, heavy Bricolage Grotesque headlines over Source Serif text, and blue paper envelopes that empty as you drag a day-of-month slider. A solid cobalt pricing band carries the idea down the page. The dashboard drops all of that for a bottle-green sidebar, Newsreader figures and pale green bars, close to the default dashboard, though it reads well and turns the summary into a sentence. Pick it for a landing page with a clear idea, and expect to restyle the app screens.

Side by side

FieldApple Design SkillAuteur
Fonts
  • Bricolage Grotesque (landing)
  • Inter
  • JetBrains Mono (dashboard)
  • Bricolage Grotesque
  • Source Serif 4
  • Newsreader
  • Public Sans
Colors
  • #f3f5f9 paper
  • #10223b navy
  • #2f55e4 cobalt
  • #1c7c54 green
  • #b42318 red
  • #2e47c9 indigo (dashboard)
  • #f5f6fb blue-white paper
  • #2a48c6 cobalt
  • #1c2340 navy ink
  • #b8322c margin red
  • #2b6249 bottle green
  • #c9d5f3 blue wash
Pick it for
  • consumer apps
  • iOS companion sites
  • clean SaaS dashboards
  • fintech onboarding
  • consumer fintech landing pages
  • interactive product demos
  • friendly everyday apps
Skip it for
  • bold or loud brands
  • editorial and magazine pages
  • dark-mode products
  • one consistent look across app screens
  • dark or technical products
Observations
  • dashboard: the brown groceries bar clashes with the cool blue palette
  • safe rather than distinctive; the landing could pass for many fintech sites
  • the dashboard drops the notebook look for a near-default green one
  • the two pages don't look like one product

How the brief works

Install Apple Design Skill

1 Run in your terminal

npx skills add dickwu/apple-design-skill

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 Auteur

1 Run in your terminal

npx degit agiwhitelist/auteur#main .claude/skills/auteur

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.