Demo Gallery

Real redesigns of developer tools using global-design-skill. Every component: Before and After, live HTML, OKLCH tokens, WCAG 2.2 AA.

9 redesigns OKLCH tokens Dark mode All states
Wave 1 — Maximum contrast
🟠 Before
🟠 After
🟠 Hacker News
Story List Item
WOW View demo →
📚 Before
📚 After
📚 Stack Overflow
Question Card
WOW View demo →
🐙 Before
🐙 After
🐙 GitHub
PR / Issue Card
High View demo →
Wave 2 — Depth & variety
📦Before
📦After
📦 npm
Package Search Card
HighView demo →
🦊Before
🦊After
🦊 MDN
API Method Block
DeepView demo →
🚀Before
🚀After
🚀 Product Hunt
Product Listing
HighView demo →
Wave 3 — Specialist depth
📊Before
📊After
📊 Can I Use
Browser Compatibility Table
DeepView demo →
✍️Before
✍️After
✍️ Dev.to
Article Card
DeepView demo →
🔎Before
🔎After
🔎 Lighthouse
Audit Result Card
DeepView demo →