LLM 基础与 Prompt Engineering 入门

Prompt engineering(提示词工程) 底层原理——六条核心策略（写清晰指令、提供参考文本、拆分复杂任务、给模型思考时间、使用外部工具、系统性测试）。也就是人为构造一段最优上下文文本，通过控制Token、注意力权重、文本概率分布，约束大模型的下一词生成路径，让输出更精准、符合需求、减少错误与幻觉。

六大提示词工程策略

通过一个统一场景：开发简单企业官网网页（前端 HTML+CSS）解释六大提示词工程策略

策略1：撰写清晰明确的指令（精准限定角色、产出、规范、格式）

反面模糊提问
帮我写网页代码

标准技术示例提示词
你是前端开发工程师，制作一个中小企业官网首页单页HTML+内嵌CSS；
要求：

1. 整体风格简约蓝色商务风，适配手机移动端；
2. 页面包含导航栏、公司简介板块、产品展示3张卡片、底部版权；
3. 不用JS、不引入外部文件，全部代码写在一个HTML文件；
4. 代码加注释，每段功能标注用途，输出完整可直接打开运行代码。

底层原理：给模型锁定角色、技术栈、功能、约束、输出格式，修正文本生成概率，避免代码残缺、风格混乱。

策略2：提供参考文本（给设计素材/参考代码，减少AI编造错误样式）

场景：基于给定参考布局模板改写官网
参考文本（简化参考代码片段）：

<div class="nav"> <a>首页</a><a>产品</a><a>联系我们</a> </div>

标准技术提示词
仅根据下面给出的导航栏参考代码，完成完整企业官网HTML页面；
必须沿用参考里的nav导航结构，不得修改导航标签布局；
新增轮播文字banner、产品卡片、页脚，内嵌CSS，禁止自创完全不同的导航结构。
参考代码：【上方html片段】

底层原理：强制AI以给定代码为基准开发，不会凭空生成不兼容、不符合规范的布局，降低代码幻觉。

策略3：拆分复杂任务为简单子任务（网页开发多步骤拆解，防止一次性输出漏洞百出）

反面一次性提问
一次性写出完整官网、适配移动端、优化样式、加注释

分步拆解提示词（分3个子任务依次执行）
本次网页开发分3步完成，你分步输出，完成一步再进行下一步：

1. 只搭建基础HTML骨架，包含导航、banner、产品区、页脚空容器，不写样式；
2. 基于第一步骨架，添加内嵌CSS，实现蓝色商务风格+移动端自适应；
3. 给全部代码添加功能注释，修正布局错位问题，整理代码缩进格式。

底层原理：复杂前端任务一次性生成容易出现布局冲突、冗余代码；拆分后每一步输出可控，方便单独修改调试。

策略4：给模型留出思考时间（先推理页面结构、再写代码，减少逻辑bug）

反面提问
直接给我官网完整代码

带思考推理的提示词
开发移动端企业官网页面，先一步步写出页面结构设计思路，再输出完整代码；
思考步骤需要包含：

1. 页面分几个模块、每个模块作用；
2. 移动端适配使用什么CSS方案；
3. 配色、排版设计逻辑；

思考完成后，再输出带注释完整HTML+CSS代码。

底层原理：强制模型先走架构推理，再写代码，避免直接输出逻辑混乱、适配失效的代码，大幅减少样式bug。

策略5：借助外部工具（弥补AI计算、渲染、校验短板）

网页开发两类工具调用示例：
示例1（尺寸、色值计算）
先使用计算工具完成页面尺寸计算：网页容器宽度PC端1200px，移动端自动缩至90%，产品卡片一行3个PC布局、一行1个手机布局，算出卡片基础宽度；根据计算结果再编写CSS宽度样式。

示例2（代码校验工具逻辑）
生成代码后，调用代码校验工具检查HTML标签闭合、CSS语法错误，若存在错误自动修正后再给出最终完整代码。

底层原理：纯文本生成模型不擅长精确数值计算、语法校验，借用外部工具解决前端尺寸、语法报错问题。

策略6：系统化测试提示词改动（多版提示词对比，选出最稳定的网页生成模板）

目标：找到能稳定输出无bug商务官网的提示词模板，做两组对照测试

测试组A（简陋提示词）
写蓝色企业官网HTML页面，适配手机

测试组B（标准化完整版提示词，策略1-5融合）
你是资深前端，输出单文件内嵌CSS企业官网，仅使用HTML+CSS无JS；模块含导航、banner、3个产品卡片、页脚；先梳理页面架构思路再写代码，严格遵循移动端自适应，代码添加详细注释，结构基于标准nav导航布局。

测试流程：

1. 分别用A、B生成两份网页代码；
2. 对比指标：是否缺少页面模块、移动端是否错位、代码有无注释、标签是否报错；
3. A代码大量缺失功能、样式错乱；B代码完整规范，后续固定使用B这套提示词模板；
4. 若后续需要改版，仅微调B里的风格、模块关键词，再次测试效果。

底层原理：提示词具有概率不稳定性，通过标准化测试筛选最优模板，后续开发网页统一复用，减少反复调整成本。

六策略对应网页开发总结

1. 清晰指令：定死技术栈、页面功能、交付规范；
2. 参考文本：给定基准代码/设计稿，防止乱造布局；
3. 任务拆分：骨架→样式→注释分步开发，降低bug；
4. 思维推理：先架构设计再编码，逻辑更严谨；
5. 外部工具：数值计算、语法校验，弥补AI先天缺陷；
6. 标准化测试：多版本提示词对比，沉淀稳定网页生成模板。