【开源推广】UI Design Guide · 界面设计指南：灵感、设计、动效、UI Skill

- 我的帖子已经打上 开源推广 标签： 是

- 我的开源项目完整开源，无未开源部分： 是

- 我的开源项目已链接认可 LINUX DO 社区： 是

- 我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是

- 以上选择我承诺是永久有效的，接受社区和佬友监督： 是

可以用它做什么？

首页按四种需求提供引导：

- 找灵感：不知道做成什么风格，先看看合适的参考。

- 开始设计：准备做第一版，选择设计工具和 Skills。

- 改善现有 UI：页面已经能用了，但想调整层级、排版和细节。

- 添加动效：看看哪些地方值得动，以及怎么实现。

还可以选择项目类型，比如桌面工具、品牌落地页、博客或作品集，推荐组合会跟着变化。

目前有哪些功能？

- 按名称和用途搜索资源。

- 分类浏览设计灵感、工具、素材组件、优秀案例和 Agent Skills。

- 最多选三个资源一起对比用途与注意事项。

- 根据任务生成一段使用提示，复制后可以带着自己的项目交给 AI。

- 支持手机浏览，直接打开就能用，不需要登录。

欢迎体验，也欢迎推荐遗漏的好网站、好 Skills。如果某个分类不合理、推荐组合不好用，直接反馈就行。

觉得有用的话，欢迎点个 Star；也欢迎提 Issue / PR，一起把它整理得更实用。

在线网站：

chrichuang218.github.io

UI Design Guide · 界面设计指南

从你的设计任务出发，找到合适的前端灵感、UI 工具和 Agent Skills。含推荐理由和使用提示。

GitHub：

github.com

GitHub - chrichuang218/awesome-ui-design: A curated UI design guide: discover inspiration,...

A curated UI design guide: discover inspiration, tools, components and AI skills by task. 前端 UI 设计资源与 Skills 选择指南。