Design reference · DWG 07
design-isms
From design movements to UI patterns — a reference for people and agents
design-isms is a visual reference of design movements and interaction patterns, from Minimalism to Bauhaus and Brutalism. Browse it on the web, or let a coding agent query palettes, typography, layout guidance and code examples through MCP.
Spec
- Install
git clone https://github.com/lidge-jun/design-isms.git- Category
- Design reference
- License
- Not specified
- Repository
- github.com/lidge-jun/design-isms
- GitHub · npm
- 38+ starsSeptember 25, 2026 as of · snapshot
Features
- FIG. 01
Visual references by movement
Mockups, history, palettes and real website examples for each style.
- FIG. 02
Working patterns
Bottom sheets, drawers, scroll reveals and more, with demos, HTML/CSS/JS and accessibility guidance.
- FIG. 03
Code Mode MCP for agents
Agents query the same catalog and take away an implementation brief.
- FIG. 04
English and Korean
Usage guidance, constraints and checks in both languages.
Use it when
- You want to give an agent a concrete design direction instead of "make it modern"
- You want motion and interaction patterns that come with accessibility built in
- You want your team to talk about design decisions in a shared vocabulary
FAQ
Do I need to install anything?
The website works right away. For MCP, clone the repository and point your client at its server script. Node.js 22 or later is required.
Is it related to this site?
Yes — the scroll and card motion here are design-isms effects adapted to this site's tone.
What is the license?
The source is public but no license has been set yet. Check the repository before reusing it.