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