Pulse vs Frontend Design

Awesome Design Skills · Anthropic

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 Maximalist way: loud color, big type, more is more. Both are best for: visual direction.

Pulse3/5
After: Tally landing page, made with Pulse (Awesome Design Skills)
Frontend Design3/5
After: Tally landing page, made with Frontend Design (Anthropic)

Scroll either page; the other follows.

Pulse (Awesome Design Skills)

3/5

Pulse gives Tally a warm retro poster: cream and orange, 4px dark outlines with hard shadows, big Limelight headlines and circle, triangle and diamond shapes. The dashboard keeps the orange and amber blocks and springy hovers. It is bold and consistent, but the mobile landing scrolls sideways. Pick it for energetic consumer brands.

Frontend Design (Anthropic)

3/5

Anthropic's frontend-design gives Tally a mint-and-pastel landing page and a navy-and-manila ledger dashboard, both clearly new. The mobile landing page is wider than the phone, which caps the score.

Side by side

FieldPulse (Awesome Design Skills)Frontend Design (Anthropic)
Fonts
  • Limelight
  • JetBrains Mono
  • Familjen Grotesk
  • Atkinson Hyperlegible
  • Schibsted Grotesk (dashboard)
Colors
  • #ffedd5 cream orange
  • #fff7ed paper
  • #ea580b orange
  • #f59e0b amber
  • #fdba74 peach
  • #1c0a02 dark brown
  • #E4EDE6 mint paper
  • #10302A ink
  • #F3B6C6 pink
  • #A8C6F2 sky
  • #F5D565 butter
  • dashboard #14233A navy
  • #E9CF8E manila
  • #A3214F plum
Pick it for
  • energetic consumer brands
  • campaign pages
  • food and lifestyle apps
  • playful dashboards
  • consumer fintech
  • friendly productivity apps
  • household tools
Skip it for
  • enterprise tools
  • calm brands
  • accessibility-first products
  • serious banking
  • enterprise admin
  • luxury
Observations
  • the heavy orange makes everything loud, so priorities blur on the dashboard
  • landing mobile: 411 px wide on a 390 px screen, so it scrolls sideways
  • landing mobile: the page is 518 px wide on a 390 px screen and text runs off the edge ("Wherever you check your mo…")
  • dashboard: commas render with loose spacing ("$1 , 650", "Paycheck , Jordan")
  • the landing page and the dashboard use unrelated palettes

How the brief works

Install Pulse (Awesome Design Skills)

1 Run in your terminal

npx degit bergside/awesome-design-skills/skills/pulse#main .claude/skills/pulse

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.

Install Frontend Design (Anthropic)

1 Run in your terminal

/plugin marketplace add anthropics/skills

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

Plugin install is Claude Code only; for other agents use Copy prompt or copy the skill folder.

Repo root README: registers the anthropics/skills marketplace; then pick the plugin containing frontend-design via 'Browse and install plugins'.

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