design

快图设计——基于 fabric.js 与 Vue 的开源图片编辑器，可自定义字体、素材、设计模板。

专用资源用于低阶系统设计。学习如何设计与实现大型系统。为系统设计面试做准备。

网页开发者可学习的实用技能视觉概览

美国网站设计系统帮助联邦政府打造快速、可访问、移动友好的网站

TalkToFigma：AI 代理（Cursor、Claude Code、Codex）与 Figma 之间的 MCP 整合，允许 Agentic AI 与 Figma 通讯以读取设计并以程序方式修改

React 的可视化构建器。构建应用、网站与内容。与您的代码库整合

🥷 将你已熟悉的工程习惯转化为 Claude 可运行的技能

🐼 为经典软件开发资源提供中文翻译

使用 AI 端到端生成 App Store 截图

让你成为魔术师的 CSS 课程。

AI 生成的应用，完整堆栈 + 生成式 UI

:mountain_bicyclist: Ant Design System 的登陆页面

Skeleton 是一套由 Tailwind CSS 驱动的自适应设计系统

🔴 为设计与代码提供美观的颜色渐变

Kotlin 中实现的设计模式

:electron: 一个非官方 https://bgm.tv UI 首先的 Android 与 iOS 应用程序，使用 React Native 开发。 一个无广告、以爱好为驱动、不以盈利为目的、专门做 ACG 的类似豆瓣的追番记录，bgm.tv 第三方客户端。为移动端重新设计，内置大量加强的网页端难以实现的功能，且提供相当的自定义选项。目前已适配 iOS / Android。

基于约束式设计原则构建一致、可主题化的 React 应用。

可视化与创意编码库

使用 Vala 与 GTK 开发的原生 Linux UI 与 UX 设计应用

TiXL 是一个开源软件，用于创建实时动态图形

迅排设计 - 美观且功能强大的图片编辑器、在线海报设计，仿稿定设计，适用于多种场景：海报生成、电商产品图、文章长图、视频/公众号封面等。A beautiful online image designer, suitable for various scenarios like generate posters, making design easier!

使用 JSX 设计，搭载您自己的组件库。

代理的视觉回馈工具。

:cherry_blossom: 一个极简的 CSS 框架/主题。

在本地将 Claude Design 作为 Agent Skill 运行 — 支持 Cursor、Claude Code 等。无需 claude.ai/design 即可生成精美的 UI 效果图、原型、演示文稿与线框图，并输出为独立的 HTML。搭配 Opus 4.8 效果最佳。

Java 开发及面试（个人面试、工作总结、资料收集站）

Ant Design Pro 在 Vue 中的实现

学习如何设计大规模系统，为系统设计面试做准备。

在 Swift 中轻松实现美观的属性字符串（attributed strings）

汇集 Web 应用最核心的过渡效果、Agent 技能，以及 Agent 的 Refine 工具