Basic vs Power

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 Brutalist way: black, white and heavy type. Hard edges, no apologies. Both are best for: visual direction.

After: Tally landing page, made with Basic (Awesome Design Skills) — Basic3/5

After: Tally landing page, made with Power (Awesome Design Skills) — Power3/5

Scroll either page; the other follows.

Basic (Awesome Design Skills)

3/5

Basic treats Tally like a magazine issue: a masthead with a dateline, numbered section openers, big condensed Oswald headlines, Nunito body text and thin rules, in navy and violet. The dashboard adds a "Vol. 26, No. 10" sidebar and large Oswald numbers split by column lines. The idea comes through, but the mobile dashboard scrolls sideways. Pick it for editorial or report-style products.

Power (Awesome Design Skills)

3/5

Power gives Tally a black, monochrome page with big uppercase Oswald headlines, thin grid lines and outlined display text. The dashboard is black and white too, with JetBrains Mono numbers and green, amber and red only for status. It is strong and consistent, but the mobile dashboard scrolls sideways. Pick it for premium dark brands.

Side by side

Field	Basic (Awesome Design Skills)	Power (Awesome Design Skills)
Fonts	Oswald Nunito JetBrains Mono	Oswald Inter (landing) JetBrains Mono
Colors	#faf8f4 paper #0a1829 navy #a855f7 violet #7e22ce deep violet #16a34a green #ffffff white	#000000 black #0b0b0b raised black #141414 panel #ffffff white #a3a3a3 grey #4ade80 green
Pick it for	reports and annual reviews editorial landing pages newsletters personal-finance content sites	premium and fashion brands dark product pages fitness and sports apps dark dashboards
Skip it for	dense admin apps playful consumer brands dark-mode products	warm consumer brands light, friendly products editorial sites
Observations	landing: the bright green buttons sit oddly next to the navy and violet palette dashboard mobile: 473 px wide on a 390 px screen, so it scrolls sideways	all black and white makes the dashboard feel severe for a budgeting app dashboard mobile: 406 px wide on a 390 px screen, so it scrolls sideways

How the brief works

Install Basic (Awesome Design Skills)

1 Run in your terminal

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

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 Power (Awesome Design Skills)

1 Run in your terminal

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

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.