Article
#learn
← 返回
設計參考
收集設計工具與 UI 參考的資料庫。
Article
#use
Article
Agentation
agentation.dev
Visual feedback tool that turns UI annotations into structured context for AI coding agents.
#visual-feedback#ai-agents#design-review#developer-tools
Article
HeroUI
heroui.com
Beautiful and customizable component set. Continuously maintained and kept up to date.
#use
Article
Pretendard
cactus.tistory.com
A cross-platform system-ui alternative typeface for Korean and multilingual product interfaces.
#font#typography#open-source#korean
Article
Wanted Design Library
figma.com
An open design library with typography, grids, icons, color palettes, and adaptable components for consistent product workflows.
#design-system#figma#wantedlab#components
Article
Montage Design System
montage.wanted.co.kr
Wanted’s product design system for brand, typography, components, and UI patterns.
#design-system#wantedlab#components#product-design
Article
#ai-design#design-tool#ide#code-generation
Article
lukilabs/beautiful-mermaid
github.com
A Mermaid styling library that turns agent-generated diagrams into polished themes with two-color inputs.
#mermaid#diagrams#visualization#design-docs
Article
Excalidraw MCP
plus.excalidraw.com
A streamable Excalidraw MCP server for drawing hand-drawn diagrams directly from AI agents.
#mcp#excalidraw#diagrams#ai-agents
Article
21st.dev
21st.dev
AI agent registry and UI component marketplace for shipping agent-powered products faster.
#ui-components#ai-agents#component-library#developer-tools
Other
The Component Gallery
component.gallery
An up-to-date repository of interface components and design systems, intended as a reference for people building user interfaces.
#explore#components#design-systems
Other
UI Design Dictionary
ui-design-dictionary.pages.dev
A lightweight bilingual dictionary of UI patterns and vibe-coding terminology designed for quick lookup.
#learn#ui-patterns#glossary
Article
Open Foundry
open-foundry.com
A site that has been curating open source typefaces for over 10 years. Introducing great fonts, celebrating their creators, and encouraging exploration.
#build
Article
Taste Skill
tasteskill.dev
Taste Skill gives your AI agent "sense". A group of open source skill files that stop mediocre front ends mass-produced by AI.
#use
Article
Breakdowns
uxsnaps.com
A breakdown gallery that breaks down the UI of real products such as Wise, Tesla, Pinterest, and Apple Wallet and explains the design principles and intent that should be applied.
#learn
Article
Pixel Perfect UI
pixel-perfect.space
A React component library with animations powered by GSAP. An open source kit that allows you to quickly assemble highly decorative UI such as liquid glass buttons and icon falls.
#build
Article
Inspiration
designspells.com
An archive of microinteractions, Easter eggs, and tiny design details that bring life, personality, and playfulness back to the web.
#explore
Article
Open Design
open-design.ai
Local-first open source alternative to Anthropic Claude Design. It has built-in skills and a design system, and works with CLI agents to generate images, videos, and slides.
#build
Article
userinterface.wiki
userinterface.wiki
A living manual for a better interface. Learn design principles, motion, typography, and more
#read