Danilo Leal | Designer

在 Zed 工作的设计工程师。我非常喜欢读他的文章，尤其是他对设计、工程和产品的思考方式。

Flora Guo

一位设计工程师，分享她的职业历程、正在阅读的内容，以及从设计师转型为设计工程师过程中的实用资源。

Re-mind

Resent 设计工程师 Danilo 所精选的连结汇编

精选网站 - Brian lovin

目前在 Notion 担任设计师的 Brian lovin 所精选的灵感网站

Composio

Landing Page 非常吸引阅览者的目光，推荐！

COSS UI

一个基于Base UI构建的全新现代化 UI 组件库。

v0 by Vercel

v0 是 Vercel 内部创业所打造出来的产品，与其他 AI 网页生成平台不同的是 Vercel 有很完整的生态系以及所产出页面的质感相较于竞品有明显的差别，非常推荐大家使用看看！

Base UI

用于构建无障碍网络应用与设计系统的无样式UI组件。

Floating UI - 创建工具提示、弹出框、下拉菜单等

一个用于定位浮动元素并为其创建交互的JavaScript库。radix-ui和base-ui均采用此库。

设计竞技场

Design Arena是全球最大的众包设计基准平台。发起挑战，参与投票，加冕你的冠军。

Framer Gallery：探索由Framer构建的最佳网站

从我们的互联网最佳网站设计图库中汲取灵感。使用Framer的无代码网站构建器创建网站，并将其提交至Framer网站设计图库，即有机会赢取月度网站设计大奖。

探索你最爱应用背后的故事与技术栈

探索你钟爱应用的独特魅力——从它们的诞生故事到技术架构，再到开发团队日常依赖的工具。向业界翘楚学习，打造更智能的解决方案。

Variant – 为你的创意提供无尽设计，只需滚动浏览

输入一个应用或网站的创意，只需滚动浏览，即可看到无穷无尽的设计方案。

Spotted in Production

发现精彩应用

mitchellh.com

Mitchell Hashimoto 的个人网站，详细介绍了其作为开发者和 HashiCorp 联合创始人的背景，以及他目前在新终端模拟器 Ghostty 上的工作。

雅库布·克雷赫尔

设计工程师

荧光图标

继 Lucide 之后，小编最喜欢的图标套件，风格非常现代且美观，推荐用于个人项目！

Claude 代码实战

Claude Code in Action 是 Anthropic 推出的在线课程，内容涵盖多项提升生产力的 Claude Code 使用技巧，非常值得一看！

奥沃兹

Awwwads 是小编非常喜欢的网站，它收集了世界顶尖、最具启发性的网页设计案例，非常适合作为灵感来源。

组件构建

由 Hayden Bleasel 和 shadcn 共同打造，内文介绍实现 UI 组件库时的最佳实践。其宗旨是让大家都能做出可组合、无障碍、易采用的 UI 组件。

paco.me

bossadizenith.me

UI 乐园

网站收集了许多设计工程的资源！

非数字

网站风格非常令人印象深刻，还有许多基础软件文章，非常值得一看。

无限画布

如果你对 2D Canvas 有兴趣，想找资源学习，这个网站整理了几乎所有的白板应用，非常值得一看！

欢快的色彩

在做 Side Project 时，常常需要花时间思考出一组好看的色调作为设计系统中颜色的基底。Happy Hues 里有许多模板可以作为参考，非常推荐！

patterns.dev

patterns.dev 涵盖了前端常见的各种设计模式，并提供了 Vanilla 以及两大前端 UI 库 React 与 Vue 的专门章节！

加速 JavaScript 生态系统

本系列文章的作者是 Preact 核心贡献者 Marvin Hagemeister，每篇文章都将介绍如何优化某个套件，非常值得一读！

Let's Build a Simple Database

SQL 可以说是软件工程师的基础必备技能，但它的底层逻辑是什么就相对少有人知，本系列文章将手把手地带领读者实践基本的数据库语法 Select 与 Insert，以及为什么需要使用 B-Tree 这种结构来组织与索引数据，非常值得一读。

GreatFrontEnd

GreatFrontEnd 是一个专门为前端工程师设计的面试网站，内容涵盖了从实现基础 JS 函数到 UI 组件的方方面面，也整理了一系列前端系统设计文章，并且提供终身订阅，价格也在可接受的范围内，推荐给有需要的读者们！

Hello Interview

Hello Interview 提供非常高质量的系统设计文章，文章从基础知识到各个系统的设计，每一篇都深入浅出地带读者认识并权衡取舍。无论是准备面试，或是想要充实自己的系统设计能力，都非常推荐！

模型上下文协议导论

Anthropic Academy 推出的初探 MCP 课程，其讲师是 Udemy 上享有盛名的 Stephen Grider。课程内容以浅显易懂的方式，简要介绍了如何开发 MCP。

MAKING SOFTWARE

《MAKING SOFTWARE》是由 Dan Hollick 撰写的，网站的用户界面（UI）令人印象深刻，内容专注于解释软件背后的技术原理，并且持续更新中，非常推荐大家阅读！

Google Gemini

当我 Claude 的使用额度用完时，Google Gemini 就是我的第二选择，便宜又大碗，整体实力也相当不错！

Fancy Components

Fancy Components 不仅内建多种开箱即用的网页特效，其整体架构和使用方式也承袭自 shadcn/ui，对熟悉该组件库的用户来说几乎可以无缝上手。

Claude AI

OpenAI 和 Google Gemini 我都有订阅，但整体用下来，在学习和写代码时 Claude 帮助最大。它还能通过 MCP 操作其他软件，已是我日常生活中不可或缺的 AI。

React Spectrum

React Spectrum 由 Adobe 开发，基于 React Aria 架构的 headless UI 设计系统。它不仅提供完整、无样式的组件，也提供各组件对应的 hooks，让外部开发者能轻松自定义。而其主要贡献者之一 Devon Govett，更是我非常崇拜的软件工程师。

Arc Browser

Arc 是我现在的主力浏览器，界面简洁顺眼，平常上网查资料什么的都用它。

Readwise

现在只要有阅读需求，不管是网页、书籍还是文章，我都会先存到 Readwise，然后每周定时整理和回顾。

Levels.fyi

如果你是软件工程师，在谈薪之前一定要先去 Levels.fyi 查一查。它能帮你对目标职位的薪资有基本概念，也是目前公认最全面的软件工程师薪资数据库之一，涵盖各大科技公司与职级。

Toggl

Toggl 是一款时间追踪工具，我从大学时期就开始用它记录学习时间。它内建番茄钟，并提供可视化报表，帮助用户清楚掌握自己在各项目上花费的时间。

Notion Faces

如果你喜欢 Notion 的头像风格，可以试试 Notion Faces。这是 Notion 在 2025 年推出的网站，让用户可以轻松打造自己喜欢的 Notion 风格头像。

Linear

Linear 是我目前常用的项目管理工具，从 side project、学习计划到日常待办事项，我都靠它来管理。现在还可以通过 MCP 集成 Claude，帮助规划或更新工单进度。

shadcn/ui

shadcn/ui 可以说是 2024 年最火的 React 组件库之一，主打「复制粘贴、开箱即用」，让开发者能快速整合并自定义组件。它建立在 Radix UI 提供的 headless 组件之上，并结合 Tailwind CSS，在开发体验与设计自由度之间取得了极佳的平衡。

Frontend Mastery

Frontend Mastery 的博客介绍了许多关于 React 和前端技术的内容，质量都非常高。每次看完总有一种茅塞顿开的感觉。

Jules Blom

Jules Blom 的博客介绍了许多与 React Hooks 相关的 API，每篇文章都写得深入且易懂，并配有许多互动示例，让读者更深入理解。

Josh W. Comeau

如果要说哪位博主最擅长写前端概念文章，我第一个想到的一定是 Josh W. Comeau。他的内容深入浅出，还配有大量互动示例，每一篇都值得收藏，也非常适合用来复习核心概念。

Radix UI

这是我非常喜欢的一套设计系统，经常参考其中的组件来学习和设计。它同时也是 @shadcn/ui 底层使用的 UI 库。