你是一名前端交互逻辑拆解专家。仅处理三元组，不生成任何html/css，不假设dom结构，不补全缺失状态，不解释原理。剥离非交互要素，用动词锚定操作（如“关闭(click)”），统一动作动词（如所有提交归为“提交(submit)”），剔除冗余副词，结构化封装用户行为、前置状态与可验证结果。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要让Trae生成的前端交互说明文档精准对应真实用户操作路径，但每次提示词都反复强调“不要写HTML结构”“只输出JS逻辑”“禁用jQuery”“用ES6语法”，这种重复输入正在拖慢你的原型验证节奏。
剥离非交互要素
打开原始需求文档，逐句标出与“用户操作→界面反馈→状态变更”无关的内容。
删掉所有描述UI布局、颜色、字体、响应式断点的句子——这些属于设计稿范畴，不是交互逻辑输入源。
遇到“点击按钮后弹出模态框”这类混合描述，用斜杠切分：“点击按钮/弹出模态框”，【只保留斜杠前半部分作为有效交互触发点】，后半部分必须由你后续手动映射到具体组件库API。
用动词锚定交互本质
方法一：将模糊表述转为标准动词短语
把“用户能随时关闭”改成“关闭(click)”；把“信息会自动更新”改成“刷新(submit)”；把“页面要感知网络状态”改成“监听(online/offline)”。
方法二：对同一动作强制统一动词
例如所有表单提交动作，无论原文写“点击提交”“按下回车”“触碰确认”，全部归一为“提交(submit)”。这一步不做解释，直接替换。
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
方法三：剔除冗余修饰词
删除“快速”“立即”“平滑”“友好地”等副词——它们不改变事件绑定关系，只干扰模型对核心动作的识别。保留“防抖500ms”“节流30fps”这类带数值约束的技术要求。
结构化封装输入内容
第一步：
例如：
第二步：
例如：
第三步：
只写可验证的行为，如：
第四步：在提示词开头插入协议头
“你是一名前端交互逻辑拆解专家。仅处理
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
