下面从几个关键维度拆解，如何写出高质量提示词。

明确指定页面类型与核心功能

第一步，在提示词开头直接声明页面所属系统与角色权限。例如“后台管理系统的运营人员首页”，而非“一个管理页面”。墨刀AI对“后台”“C端”“H5”这类前缀非常敏感，缺少时默认按移动端通用模板渲染，结果表格宽度被压缩、操作栏被折叠。

第二步，用冒号分隔功能模块，每个模块以动词开头。举例：“数据看板：展示近7日订单量趋势图+TOP5热销商品卡片”“操作入口：3个带图标的快捷按钮，分别对应新建活动、审核申请、导出报表”。如果不写动词，AI会生成静态图文区块，无法识别哪些区域可点击。

一个实用技巧：用“需支持”强调交互必要性。例如“筛选区：需支持按日期范围、状态（待处理/已通过/已驳回）双条件联动筛选”。AI看到“需支持”会主动添加下拉框+搜索按钮组合，而不是只画一个空输入框。

约束组件尺寸与相对位置

描述按钮、卡片、表单等元素时，必须给出宽高比例或参照基准。例如“用户头像：圆形，直径48px，左对齐于昵称文字基线”，比“放一个头像”准确十倍。墨刀AI没有像素级定位能力，但能理解“左对齐”“居中堆叠”“右侧留白16px”这类CSS式表述。

方法一：用“紧邻”“嵌套在…内部”“悬浮于右上角”替代“旁边”“里面”“上面”。例如“删除图标：紧邻每条列表项右侧，嵌套在操作列容器内，尺寸20×20px”。AI会据此生成带边距和层级的结构，而非随意漂浮的图标。

方法二：对复杂区域加括号注释视觉权重。例如“筛选栏（主操作区，占据顶部1/3高度）→ 数据表格（占剩余空间，列宽按内容自适应）”。这能防止AI把筛选控件压缩成一行小按钮，进而压扁表格列宽。

定义文字样式与状态反馈

必须显式声明标题、正文、提示文字的字号、颜色和行高。例如“标题：18px #333，加粗；字段名：14px #666；错误提示：12px #f5222d，出现在输入框下方”。墨刀AI不会继承全局样式，未声明就使用默认灰色小字，关键信息会变得不可读。

方法一：用“悬停时”“点击后”“加载中”描述动态状态。例如“提交按钮：默认蓝色填充，悬停时加深色，点击后显示‘提交中…’并禁用，成功后跳转至结果页”。缺少状态描述会导致AI只生成静态按钮图形，没有任何交互反馈示意。

【禁用“居中”单独出现】 单独写“按钮居中”会让AI将整个按钮组水平居中，破坏操作流顺序。必须绑定容器，比如“操作按钮组：在卡片底部容器内右对齐”。

排除干扰元素与风格污染

在提示词末尾添加否定句式，直接屏蔽高频错误。例如“不使用渐变色背景、不添加装饰性线条、不显示页脚版权信息、不自动插入墨刀默认水印”。AI训练数据里含有大量低质模板，不主动排除就会复现冗余元素。

方法一：用“仅保留”划定最小功能集。例如“仅保留搜索框、结果列表、分页器，其余所有导航栏/侧边栏/广告位全部移除”。这比“去掉不需要的”更有效，AI能精准裁剪非核心区块。

方法二：指定设计系统关键词。例如“遵循Ant Design 4.0规范，按钮圆角4px，间距统一为8px”。AI会调用对应组件库的视觉特征，避免生成iOS风格的圆角大按钮或Material Design阴影卡片。