买了提示词之后,真正决定成败的不是提示词本身,而是你把它交给谁、以及交出去之后怎么改。这篇讲完整流程:挑、用、改、上线。
先搞清楚它是什么
站内的提示词不是"一句话描述",而是一段结构化的长文本——通常包含页面结构、区块顺序、配色与字体、动效说明、文案语气、响应式断点的要求。长度普遍在几百到上千字。
这个长度是有原因的。你对 AI 说"做一个 SaaS 落地页",它会给你一个能跑但毫无记忆点的东西:居中大标题、三个图标卡片、一个渐变按钮。因为这是训练数据里最常见的形态。要拿到有设计感的结果,你得把设计决策写进去——而那正是这些提示词在做的事。
所以不要只复制其中一段。很多人只复制"看起来关键"的几句,结果产出和预览图差很远,然后以为是提示词不行。
第一步:挑对的那一条
提示词市场里可以按两个维度筛:
- kind(类型):整站(sites)和应用(apps)是两类东西。整站是落地页、作品集、企业官网这种给人看的;应用是后台、仪表盘、工具类界面。选错类型,出来的结构就不对。
- category(分类):SaaS、作品集、电商、导航站等。
挑的时候看预览视频而不是标题。标题是概括,视频才是你实际会拿到的东西——包括动效的节奏、留白的程度、字号的对比。这两者的差距经常比你想的大。
还有一点:预览里的文案是示例,不是你会拿到的内容。AI 会按你的要求替换文案,但排版结构会保留。所以看预览时重点看结构和风格,别纠结文字。
第二步:粘贴到哪里
这些提示词是工具无关的,常见的几个都能用:
- v0:对组件化的结构理解最好,产出的代码接近能直接用的 React
- Lovable:全栈方向,会连带把数据层也搭起来
- Bolt:偏快速原型,改起来快
- Cursor / Claude Code:如果你已经有工程,用它们在现有代码里加页面更合适
具体差别我们做过一次同题对比,感兴趣可以看同一段提示词的三种产出。
操作上没什么玄机:新建一个空项目,把提示词整段粘进去,回车。第一次不要加任何自己的修改——先看基准产出是什么样,再在这个基础上提要求。上来就改,出了问题你分不清是提示词的问题还是你那句话的问题。
第三步:产出不对时怎么改
这是最关键的一步,也是大多数人放弃的地方。
如果整体结构就不对(比如你要的是落地页,它给了个博客首页),别追加修改,直接重开一轮。结构性的偏差靠追问是掰不回来的,AI 会在错误的骨架上继续加东西。关于什么时候该重来,一次性还是迭代那篇讲得更细。
如果结构对、细节不对(配色不对、间距太挤、动效太多),追加具体指令,一次只改一件事:
把主色从蓝色改成 #0F172A,强调色用 #F59E0B,其余保持不变。
"其余保持不变"这句要带上。不带的话,AI 经常顺手把你上一轮满意的部分也重做一遍。
如果 AI 编了内容(虚构的客户 logo、编造的数据、不存在的奖项),这是最该警惕的一类。它不会告诉你哪些是编的,看起来都很合理。给提示词加护栏那篇给了具体写法,核心是提前声明"没有的内容留占位符,不要虚构"。
第四步:上线前一定要过一遍
AI 产出的页面有几个高频问题,肉眼很难发现:
- 移动端:它默认按桌面布局想,响应式经常是简单缩小而不是重排。手机上看一遍,别只拖浏览器窗口。
- 无障碍:对比度不足、图片缺 alt、按钮没有可聚焦状态——这些不影响"看起来",但影响能不能用,也影响搜索排名。
- SEO:标题层级混乱(多个 h1)、meta 描述缺失、图片没优化。
这三项我们各写过一篇:移动端提示词怎么写、无障碍这一步、五个 SEO 陷阱。
还有一件常被忽略的:检查代码里有没有残留的外链资源。AI 生成的页面经常直接引用示例图床或第三方 CDN 的图片。这些链接随时可能失效,而且你在白嫖别人的带宽。上线前把图片换成自己的。
关于代码型提示词
JiroMax 那部分内容和整站提示词不一样——它给的是可直接复制的 TSX 组件代码,不是让 AI 生成的描述。适用场景也不同:
- 整站提示词:从零做一个新页面
- 组件代码:给已有的网站加一个区块(比如加一段滚动动效、一个价格表、一块背景)
如果你已经有项目在跑,后者往往更直接——复制代码、装好 framer-motion 和 lucide-react 这类依赖、粘进去,不需要 AI 参与。依赖清单在每个组件页面都列了。
给工程用户:MCP 接入
如果你用 Claude Code 或 Cursor,可以把提示词库接进编辑器,直接在对话里搜索和取用,不用来回切浏览器。站内的 Skill 与 MCP 栏目有接入说明。
这个方式适合"边写代码边找区块"的场景。如果你只是偶尔做个落地页,网页复制就够了。
最后
工具只负责把想法变成页面,它替不了你想清楚要做什么。见过太多人囤了几十条提示词,一个页面也没上线——不是提示词不好用,是从来没决定过要做什么产品。
先想清楚页面要解决什么问题、给谁看、希望对方做什么动作,再来挑提示词。这个顺序反了,再好的提示词也只是生成一堆漂亮的废话。