01 · Vibe Coding 教程
用自然语言驱动 AI 写代码，
人只负责方向、结构与审美
不是"随便聊聊"，而是一套可以复制的工作流：想法 → 拆解 → 提示词 → 迭代 → 收尾。
提示词库
五个版块，五种"抄作业"姿势
组件、整站、风格、区块、组件库——按场景挑，按需复制。
21st.dev8,900 条
社区组件提示词，按组件/作者/标签/全文搜，带原站同款实时预览。
组件提示词 进入MotionSites438 条
Premium 整站提示词，Lovable / Bolt / Cursor / Claude 通用，含预览图与视频。
整站提示词 进入uiprompt141 条
中文 UI 风格提示词，一句中文风格描述，直出对应设计。
中文UI风格 进入shadcnblocks1,837 条
网页区块大全，导航/Hero/定价/表单/页脚，免费条目附源码。
网页区块 进入ReUI1,008 条
shadcn 组件库，基础件到复杂交互，按组件名直接搜。
shadcn组件 进入还有更多版块在路上：Aceternity、Magic UI、Shadcn Studio……
敬请期待教程中心
从提示词到成品，一套讲完
Vibe Coding 工作流 · 提示词工程 · 去 AI 味手册 · AI 知识库 · 前端 UI 知识库，五套内容全部展开。
用自然语言驱动 AI 写代码，
02 · 提示词工程
一句话的差距，就是
"能用"和"惊艳"的差距
角色、上下文、约束、示例、输出格式——把提示词当产品需求来写。
03 · 去 AI 味手册
删掉"首先、其次、赋能、闭环"，
文字才有人味
AI 腔词汇表、改写五步法、前后对比案例，中英文都覆盖。
04 · AI 知识库
看懂大模型，才能用好大模型
Token、上下文、温度、RAG、Agent、微调……把高频概念一次讲清。
05 · 前端 UI 知识库
懂一点 UI，提示词会准十倍
布局、色彩、排版、动效、组件库、设计系统——写给不会写代码的你。
去 AI 味实验室
同一句话，AI 味 vs 人话
点一下，看它怎么把废话翻译成人话。下方还有 50+ 组高频 AI 腔对照。
AI 味
在当今数字化时代，我们致力于通过创新的解决方案赋能用户，助力其实现价值最大化。首先，我们深入洞察行业痛点；其次，我们提供全方位的优质服务；总而言之，我们的产品极具竞争力。
人话
（点上面的按钮）
AI 腔人话
赋能 / 抓手 / 闭环帮忙 / 方法 / 做完跟到底
首先…其次…总而言之直接说重点
在当今数字化时代删掉
极具竞争力具体说哪里好
沉浸式体验用起来舒服
一站式解决方案一个地方办完
AI 腔人话
助力实现价值最大化帮你把事做成
深入洞察行业痛点看清问题在哪
全方位的优质服务该管的都管
综上所述 / 由此可见所以 / 说白了
值得注意的是注意 / 这里有个坑
深度融合 / 有效落地接得上 / 真的能用
怎么用
三步，把提示词变成页面
01
搜索
按组件名、作者、标签搜，也可以直接全文搜。想找什么，输入就有。
02
预览
原站同款截图、演示视频、实时渲染，不用装环境就能先看效果。
03
复制
提示词、源码一键复制，直接喂给 Claude、Cursor 或 v0，开箱就出活。