Collection · 22 references
개발자 도구 디자인 시스템
Developer Tool Design Systems
GitHub·Sentry·MongoDB·ClickHouse — 개발자 도구의 UI는 정보 밀도와 신뢰가 전부입니다. 모노스페이스 운용, 코드 블록, 대시보드 패턴까지 검증한 DESIGN.md를 모았습니다.
데브툴·인프라 제품을 만든다면 이 톤에서 시작하는 것이 가장 빠릅니다.
GitHub, Sentry, MongoDB, ClickHouse — dev-tool UI is information density and trust. DESIGN.md files verified down to monospace usage, code blocks, and dashboard patterns.
Building developer or infra products? Starting from this tone is the shortest path.
Use these design systems in your AI coding agent
One command installs 221 verified DESIGN.md references + 17 skills into Claude Code, Cursor, Codex, or OpenCode. Free, MIT, zero AI calls.
Design System
ClickHouse Design
clickhouse
ClickHouse brand hub plus the Click UI design system and component library.
Brand
NEW
Cloudflare
cloudflare
Cloudflare — verified DESIGN.md reference (backend devops, US).
Brand
Composio
composio
Composio — verified DESIGN.md reference (backend devops, US).
Brand
Cursor Brand
cursor
Cursor's brand guidelines with logos, icons, and naming conventions.
Brand
Expo Brand
expo
Expo logo/wordmark trademark and usage guidelines.
Brand
NEW
GitHub
github
GitHub — verified DESIGN.md reference (developer tools, US).
Design System
Helios
hashicorp
HashiCorp's design system documenting components and foundations.
Brand
NEW
iKala
ikala
iKala — verified DESIGN.md reference (developer tools, TW).
Brand
Lovable
lovable
Lovable — verified DESIGN.md reference (developer tools, US).
Design System
LeafyGreen
mongodb
MongoDB's open-source design system with an extensive React component library.
Design System
TOAST UI
nhncloud
NHN's official open-source component library (TUI Grid/Editor/Calendar/Chart/Image-Editor), MIT-licensed under the nhn GitHub org and documented at ui.toast.com.
Brand
PostHog Brand Assets
posthog
PostHog's public handbook brand, logo, and illustration guidelines.
Brand
Raycast Brand
raycast
Raycast's brand guidelines with colors, logos, and asset kit.
Brand
NEW
Retool
retool
Retool — verified DESIGN.md reference (developer tools, US).
Design System
Sanity UI
sanity
Sanity's accessible React toolkit for building apps with design tokens.
Design System
Sendbird UIKit
sendbird
Sendbird's official chat UIKit — a documented, token-driven conversation-UI system (React, iOS, Android, React Native) with named color sets, message components, and themeable light/dark resources.
Brand
Sentry
sentry
Sentry — verified DESIGN.md reference (backend devops, US).
Brand
Supabase Brand Assets
supabase
Supabase's brand guidelines with logos and integration button specs.
Brand
Superhuman Media Assets
superhuman
Superhuman's press and brand asset kit.
Design System
velog (open source)
velog
velog's production frontend is fully open-source (MIT); its design tokens live in src/lib/styles (themes.ts + palette.ts), built on the Open Color palette.
Design System
Geist
vercel
Vercel's design system with 50+ components, foundations, and brand resources.
Brand
Warp
warp
Warp — verified DESIGN.md reference (developer tools, US).