星辰
星辰大海楼主
AI 生成 Tailwind 组件的 Prompt 要点:指定响应式断点、颜色主题、无障碍要求、暗色模式支持。给一个 Shadcn UI 的组件作为参考示例,生成的代码质量和一致性会高很多。
长上下文 Prompt 的信息密度要控制。AI 对上下文的理解不是均匀的,开头和结尾的内容权重更高(首因效应和近因效应)。关键信息放开头,最新指令放结尾,中间放背景资料。
负面指令在 Prompt 中非常重要。告诉 AI「不要用 var」「不要用 any 类型」「不要用 Pages Router」比只说「用 const」「用具体类型」「用 App Router」效果更好。AI 更容易遵守「禁止 X」而非「应该 Y」。
Prompt Chain 是处理复杂任务的利器。比如生成一个完整的 Next.js 页面:第一步 Prompt 生成页面结构,第二步生成 Server Action,第三步生成组件代码,第四步生成测试。每步的输出作为下步的输入,比一个超大 Prompt 效果好得多。
Prompt 模板变量设计能让提示词可复用。我用 `{{role}}`、`{{tech_stack}}`、`{{constraints}}` 这种占位符,运行时填充。这样一套模板可以适配不同项目,类似组件化的思路应用到 Prompt 工程。