Nightshift/ design-skills index
preview live: python3 -m http.server → open :8000
Design-skill reference · 2026

One theme.
Every design skill,
built side by side.

Every card below is a real, live page — a landing page and a matching admin console — built for the same fictional brand, Nightshift Coffee Roasters, from one shared content spec. The only thing that changes between them is which design skill did the work. Open two and compare: this is your visual map of what each skill actually produces.

10design skills
20live pages
1shared brand + data
5method skills mapped
01

Pick ONE aesthetic skill per projectHigh-end, Minimalist and Brutalist each set a whole look — they don't mix.

02

Stack the method skills on topDataviz, Humanizer, Redesign & friends apply over whichever look you chose.

03

Compare landing vs adminUse the toggle on each card, or open both pages full-screen in new tabs.

Aesthetic skills — full landing + admin

Each produces a complete, distinct visual identity. Toggle Landing / Admin on the preview; open full-screen to explore.

Method & system skills

Not a standalone look — these are rule-sets and generators you apply on top of any aesthetic above.

Community candidates — expanding the palette

Researched on 2026-07-20. Trusted picks queued for the skill-resolver (quarantine → audit → install); a built showcase page follows for any that pass and add a genuinely new look.

garden-skills · web-design-engineer

queued

ConardLi · 9.6k★, MIT, active. One skill carrying 25 anchored recipes — Aesop apothecary, Muji, Monocle editorial, Bloomberg terminal, Mid-Century poster, Y2K, Tufte data-ink. None of these are in your palette yet.

github.com/ConardLi/garden-skills ↗

awesome-design-skills (TypeUI)

queued

bergside · 1.85k★, MIT. 67 style files — the best source for the morphism family you're missing: glassmorphism, claymorphism, neumorphism, skeuomorphism, Riso, dithered, terracotta.

github.com/bergside/awesome-design-skills ↗

frontend-design · 8 anchors

queued

Ilm-Alan · MIT, single clean file. Token-locked anchors incl. Aurora Maximalism (mesh + neon glow), CRT retro-futurism (scanlines, VT323), and lo-fi Riso — cleanest source for maximalist + retro.

github.com/Ilm-Alan/frontend-design ↗

Also shortlisted

tier 2

VoltAgent/awesome-claude-design (terminal / broadsheet-editorial), rohitg00 (glass / soft-futurism, A24-cult), Koomook (cyberpunk, vaporwave), curiositech (colorful neobrutalism). Solid, with per-repo caveats — audited case by case.

github.com/VoltAgent/awesome-claude-design ↗

Filtered out

skipped

A repo advertising 84 styles with 108k★ was rejected — the signals read as inflated (108k stars / 11.5k forks vs only 480 watchers on an 8-month-old repo). Popularity ≠ trust; not queued.

excluded from the resolver queue
How the comparison is fair: all 14 pages share one content spec — same brand, same copy, same product line, and the same admin data (revenue, orders, roast schedule, inventory). So any difference you see is purely the design skill's fingerprint, not a different dataset. Photography is shared too (treated per-aesthetic with CSS). If a preview looks blank, you're opening via file:// — run python3 -m http.server inside /showcase and open http://localhost:8000 for live previews (the full-screen links work either way).