LLM 基础与 Prompt Engineering 入门

Prompt engineering(提示词工程) 底层原理——六条核心策略写清晰指令、提供参考文本、拆分复杂任务、给模型思考时间、使用外部工具、系统性测试。也就是人为构造一段最优上下文文本通过控制Token、注意力权重、文本概率分布约束大模型的下一词生成路径让输出更精准、符合需求、减少错误与幻觉。六大提示词工程策略通过一个统一场景开发简单企业官网网页前端 HTMLCSS解释六大提示词工程策略策略1撰写清晰明确的指令精准限定角色、产出、规范、格式反面模糊提问帮我写网页代码标准技术示例提示词你是前端开发工程师制作一个中小企业官网首页单页HTML内嵌CSS要求整体风格简约蓝色商务风适配手机移动端页面包含导航栏、公司简介板块、产品展示3张卡片、底部版权不用JS、不引入外部文件全部代码写在一个HTML文件代码加注释每段功能标注用途输出完整可直接打开运行代码。底层原理给模型锁定角色、技术栈、功能、约束、输出格式修正文本生成概率避免代码残缺、风格混乱。策略2提供参考文本给设计素材/参考代码减少AI编造错误样式场景基于给定参考布局模板改写官网参考文本简化参考代码片段div classnav a首页/aa产品/aa联系我们/a /div标准技术提示词仅根据下面给出的导航栏参考代码完成完整企业官网HTML页面必须沿用参考里的nav导航结构不得修改导航标签布局新增轮播文字banner、产品卡片、页脚内嵌CSS禁止自创完全不同的导航结构。参考代码【上方html片段】底层原理强制AI以给定代码为基准开发不会凭空生成不兼容、不符合规范的布局降低代码幻觉。策略3拆分复杂任务为简单子任务网页开发多步骤拆解防止一次性输出漏洞百出反面一次性提问一次性写出完整官网、适配移动端、优化样式、加注释分步拆解提示词分3个子任务依次执行本次网页开发分3步完成你分步输出完成一步再进行下一步只搭建基础HTML骨架包含导航、banner、产品区、页脚空容器不写样式基于第一步骨架添加内嵌CSS实现蓝色商务风格移动端自适应给全部代码添加功能注释修正布局错位问题整理代码缩进格式。底层原理复杂前端任务一次性生成容易出现布局冲突、冗余代码拆分后每一步输出可控方便单独修改调试。策略4给模型留出思考时间先推理页面结构、再写代码减少逻辑bug反面提问直接给我官网完整代码带思考推理的提示词开发移动端企业官网页面先一步步写出页面结构设计思路再输出完整代码思考步骤需要包含页面分几个模块、每个模块作用移动端适配使用什么CSS方案配色、排版设计逻辑思考完成后再输出带注释完整HTMLCSS代码。底层原理强制模型先走架构推理再写代码避免直接输出逻辑混乱、适配失效的代码大幅减少样式bug。策略5借助外部工具弥补AI计算、渲染、校验短板网页开发两类工具调用示例示例1尺寸、色值计算先使用计算工具完成页面尺寸计算网页容器宽度PC端1200px移动端自动缩至90%产品卡片一行3个PC布局、一行1个手机布局算出卡片基础宽度根据计算结果再编写CSS宽度样式。示例2代码校验工具逻辑生成代码后调用代码校验工具检查HTML标签闭合、CSS语法错误若存在错误自动修正后再给出最终完整代码。底层原理纯文本生成模型不擅长精确数值计算、语法校验借用外部工具解决前端尺寸、语法报错问题。策略6系统化测试提示词改动多版提示词对比选出最稳定的网页生成模板目标找到能稳定输出无bug商务官网的提示词模板做两组对照测试测试组A简陋提示词写蓝色企业官网HTML页面适配手机测试组B标准化完整版提示词策略1-5融合你是资深前端输出单文件内嵌CSS企业官网仅使用HTMLCSS无JS模块含导航、banner、3个产品卡片、页脚先梳理页面架构思路再写代码严格遵循移动端自适应代码添加详细注释结构基于标准nav导航布局。测试流程分别用A、B生成两份网页代码对比指标是否缺少页面模块、移动端是否错位、代码有无注释、标签是否报错A代码大量缺失功能、样式错乱B代码完整规范后续固定使用B这套提示词模板若后续需要改版仅微调B里的风格、模块关键词再次测试效果。底层原理提示词具有概率不稳定性通过标准化测试筛选最优模板后续开发网页统一复用减少反复调整成本。六策略对应网页开发总结清晰指令定死技术栈、页面功能、交付规范参考文本给定基准代码/设计稿防止乱造布局任务拆分骨架→样式→注释分步开发降低bug思维推理先架构设计再编码逻辑更严谨外部工具数值计算、语法校验弥补AI先天缺陷标准化测试多版本提示词对比沉淀稳定网页生成模板。