做了一个 12000 条前端组件提示词的组件库,免费用

发布于

最近在玩 Vibe Coding (就是让 AI 写代码那种),发现一个问题:每次找组件提示词都要去 21st.dev 、MotionSites 、ReUI 这些网站翻,有些要登录,有些要付费,而且提示词只是“复制按钮”背后的内容,没法批量整理。
于是花了一阵子,把这几个站的公开提示词全扒下来了:

- 21st.dev:8,900 条组件提示词(含完整 TSX 源码)
- MotionSites:438 条整站构建提示词
- shadcnblocks:1,837 个网页区块
- ReUI:1,008 个 shadcn 组件
- uiprompt:141 条中文 UI 风格提示词

全部加起来 12,324 条,每条都是完整内容,不是摘要。

做成了一个静态站:[https://prompt.kyla.cloud/](https://prompt.kyla.cloud)

**功能:**

- 按组件名/作者/标签搜索,支持全文搜索
- 21st 的组件支持原站同款 iframe 实时预览
- MotionSites 支持预览图 + 视频播放
- 一键复制提示词,直接粘到 Cursor / Claude / v0 就能跑
- 深色/浅色主题

---

原文链接:[点击查看](https://www.v2ex.com/t/1235257)

评论(3)

这个提示词库确定能用吗?我进搜索没反应,点击按钮也没反应……

· 0 个赞

回复

刚更新时确实有加载问题,导致页面无法正常显示,你现在试试应该能用了。

· 0 个赞

是啊,我这边控制台报错,常量重复定义,页面使用不了。

· 0 个赞

0.047227s