Article
Dembrandt
dembrandt.com
Extract website design systems (logo, colors, typography, borders, etc.) as tokens in seconds. Can be executed with one command
#use
← 返回
設計參考
收集設計工具與 UI 參考的資料庫。
Article
#use
Article
#use
Article
Pacome Pertant
pacomepertant.com
Portfolio of Pacôme Pertin, a motion and sound designer living in Paris. Create content that moves emotions by manipulating rhythm, sound, and visual narrative on 2D/3D screens. Clean and experimental
#learn
Article
Lazyweb MCP
lazyweb.com
A design context for grounding AI agents. Based on over 257,000 real app screens from over 25,000 companies. Free for people and agents
#use
Article
Flue
flueframework.com
Agent harness framework made by TypeScript. Create a Claude Code-class autonomous agent. The idea is "Agent = Model + Harness".
#build
Article
Vercel Design
vercel.com
Vercel's design team introduction page. It publishes Brand Guidelines, Web Interface Guidelines, and Geist design system.
#learn
Article
Contra Labs
contralabs.com
Human Data Evaluation Lab, where over 1.5 million creators evaluate the quality of creative AI. Provide a benchmark for style/tone/taste.
#watch
Article
Refero Styles
styles.refero.design
A library of design styles from famous services curated in DESIGN.md format for AI agents. You can search for colors, typos, margins, and components.
#explore
Article
DEEO Artifacts
artifacts.deeo.studio
A collection of interactive/motion experiments for curious people. There are small items that you can touch and play with.
#watch
Article
Rebrand Gallery
rebrand.gallery
A curated gallery of rebrands and visual identities. You can watch the unveiling of the design system and the rebrand reveal video.
#watch
Article
MSCHF
mschf.com
A studio whose creative practices and subjectivity aim to have the cultural power to compete with global companies, celebrities, and the media.
#watch
Article
#watch
Article
Transitions.dev
transitions.dev
A site that collects standard transitions for web applications. You can copy and paste CSS and React code. Operated by Jakub Antalik.
#use
Article
Hannah Hearth
hannahhearth.com
In Show and Tell, Hannah Hearth introduces the tools actually used by Vercel's product design team. Introducing Codex, Claude, Conductor, Paper, UI Fork, Figma MCP, Timeless, Cleanshot, and more.
#read
Article
Linear
linear.app
The essence of design is not the output, but understanding the problem and deciding what should exist. Linear CEO Karri Saarinen writes about what the "speed" of AI can cause us to lose sight of.
#read
Article
openai/realtime-voice-component
github.com
Voice operation UI component for React/browser. Based on OpenAI Realtime, it provides UI control that calls narrow tools defined by the app from voice.
#build
Article
EvilCharts
evilcharts.com
An open source charting UI library built with shadcn and Recharts. Featuring carefully hand-crafted components.
#use
Article
Refto
refto.one
A site that brings together curated website inspiration, landing page examples, portfolios, SaaS, and interaction design patterns in one searchable gallery.
#explore
Article
Design Systems Report
report.zeroheight.com
Management buy-in is declining and hiring is stagnant. Meanwhile, AI is changing the tide. 2026 Trend Report collected from design system practitioners around the world.
#read