必须先确认平台特性再改写提示词：微信小程序需用图标占位和禁用弹窗动词，web端要适配键盘焦点、满足wcag 2.1并分段编号，app内h5须通过js判断环境并准确描述剪贴板状态。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要让Trae前端交互说明提示词适配不同平台（如微信小程序、Web网页、App内嵌H5），但提示词内容不能简单复制粘贴，必须按各平台用户操作习惯、UI限制和系统能力做针对性改写。
先确认平台特性再动笔
打开你当前要部署的平台文档页面：微信小程序查「官方组件与API限制」，Web端查「浏览器兼容性表+无障碍标准（WCAG 2.1）」，App内H5则需向客户端开发确认「是否支持长按复制、是否拦截alert、是否允许弹出原生toast」。【没确认就写提示词，大概率上线后用户根本看不到提示】
这一步跳过等于白干——比如微信小程序里用document.write()会直接报错，而App WebView可能连navigator.clipboard.readText()都返回undefined。
微信小程序提示词改写要点
方法一：用「小程序式短句+图标占位」替代纯文字说明
把“请点击右上角三个点→选择‘复制链接’”改成“点击 ↗ → 复制链接”。微信小程序顶部胶囊按钮不可编程，用户根本找不到“右上角三个点”的对应入口，必须用视觉符号锚定真实位置。
方法二：禁用所有需要唤起系统弹窗的动词
删掉“请在弹出框中点击确定”“点击确认按钮继续”，全部替换为“轻触即可生效”“完成即自动保存”。小程序中showModal/showToast受权限和层级限制，很多场景下根本无法触发，写进提示词就是误导用户。
Web网页提示词结构化改写
第一步：识别当前页面是否启用键盘焦点管理
如果页面用了focus-trap或有tabindex="-1"元素，提示词必须加入键盘操作路径，例如“按Tab键切换到‘提交’按钮→回车确认”，否则屏幕阅读器用户会卡死。
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
第二步：把“点击”统一替换为“点击或按回车键”
这是WCAG 2.1 AA级强制要求，不加“或按回车键”会导致合规审查不通过。别嫌啰嗦——这是法律红线，不是优化建议。
第三步：长提示语拆成带编号的步骤块
超过35字符的说明必须分段，用①②③标记，每段≤22字。浏览器缩放至120%时，单行超长文本会折行错位，用户容易漏读中间步骤。
App内嵌H5提示词适配技巧
方法一：用客户端注入的JS变量判断环境
在提示词文案前加判断逻辑：if (window.nativeBridge?.platform === 'ios') { 文案A } else { 文案B }。iOS和Android的Toast样式、持续时长、字体渲染完全不同，混用一套文案会导致安卓用户觉得提示一闪就消失，iOS用户觉得卡顿。
方法二：把“复制成功”改为“已复制到剪贴板”
App内H5调用clipboard API后，多数安卓WebView不会触发success回调，但实际已写入剪贴板。写“复制成功”会让用户反复点击，写“已复制到剪贴板”更符合真实状态。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
