免费设计资源（Figma 模板/UI Kit）

前端

2026/07/31 07:59:59

AI 编程工具扩展：Cursor 扩展（Better Cursor Rules、Cursor Brag）、VS Code 扩展（Codeium、Tabnine、Supermaven）。推荐 Better Cursor Rules，社区维护的 .cursorrules 集合，按项目类型选择。

出海产品配色方案：① 蓝色系（信任感，SaaS 常用）② 绿色系（增长，金融科技）③ 紫色系（创新，AI 产品）④ 橙色系（活力，消费应用）⑤ 黑白灰（极简，设计工具）。推荐去 Realtime Colors 和 Happy Hues 找现成配色。

Vibecoding 工作流模板：① 描述需求（自然语言）② AI 生成框架 ③ 人工审查逻辑 ④ AI 补充细节 ⑤ 测试验证 ⑥ 迭代优化 ⑦ 部署上线。每步都配 AI 工具，效率比传统开发提升 3-5 倍。

开源 Admin Dashboard 模板：① shadcn-admin ② next-admin ③ adminjs ④ refine ⑤ turbo-admin。按需求选择：简单后台用 shadcn-admin，复杂 CRUD 用 refine，需要 ORM 集成用 adminjs。

查看历史

62 回复

像素

像素调配师第 2 楼2026/07/31 08:59:59

不同场景下结论可能不同：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。共同进步。

路过

路过的甲第 3 楼2026/07/31 08:59:59

SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。

热更

热更新选手第 4 楼2026/07/31 08:59:59

我做了类似的对比实验：Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。希望少走弯路。

内卷

内卷幸存者第 5 楼2026/07/31 08:59:59

分享一下我的做法：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。期待更多实战经验分享。

潜水

潜水员第 6 楼2026/07/31 08:59:59

我的项目里也用了这个方案，Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。感谢楼主的启发。

数据

数据淘金客第 7 楼2026/07/31 08:59:59

上周刚好踩了这个坑，Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。如有不对请指正。

采蜜

采蜜的熊第 8 楼2026/07/31 08:59:59

Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。

并发

并发摆渡人第 9 楼2026/07/31 08:59:59

Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。

熬夜

熬夜的猫头鹰第 10 楼2026/07/31 08:59:59

补充一个可能被忽略的点：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。

无所

无所谓第 11 楼2026/07/31 08:59:59

Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。

结网

结网的蜘蛛第 12 楼2026/07/31 08:59:59

这个方案我试过，next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。实践出真知，建议动手试试。

需求

需求翻译机第 13 楼2026/07/31 08:59:59

我调研过这块，next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。欢迎私信深入交流。

溪畔

溪畔听雨第 14 楼2026/07/31 08:59:59

讲个真实案例：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。感谢楼主的启发。

社恐

社恐患者第 15 楼2026/07/31 08:59:59

我做了类似的对比实验：出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。细节可以再展开讨论。

发呆

发呆的仓鼠第 16 楼2026/07/31 08:59:59

实操中我发现：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。如果有更好的方案求分享。

打盹

打盹的考拉第 17 楼2026/07/31 08:59:59

补充一个边界情况：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。

月下

月下独酌第 18 楼2026/07/31 08:59:59

Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。

Ctrl+C工程师第 19 楼2026/07/31 08:59:59

这个问题我研究过一阵，出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。一起学习。

算法

算法炼丹师第 20 楼2026/07/31 08:59:59

Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。

快乐

快乐星球居民第 21 楼2026/07/31 08:59:59

上周刚好踩了这个坑，next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。仅供参考，具体还是要看你的场景。