Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
design-system repositories
Hand-picked tools to improve your workflow.
A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
Chakra UI is a component system for building SaaS products with speed ⚡️
A design system built by IBM
An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.
Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.