必须用限制条件约束模型以准确生成uml状态图：①仅建模用户可见ui状态及显式交互触发；②状态对应完整dom快照，禁用模糊中间态；③转换须标注明确事件并用“/”分隔事件与动作；④禁用菱形判断节点、虚线箭头等非标元素；⑤绑定组件代码、层级与3个必含核心状态。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要把组件交互逻辑准确转化为状态图，必须用限制条件封住模型自由发挥的空间，否则生成的图会漏掉关键转换、混淆触发条件或违反UML规范。
明确建模范围与边界
第一步：在提示词开头声明“仅建模【用户可见的UI状态】及其【显式交互触发】”，排除后台API调用、数据缓存刷新等不可见行为。DeepSeek容易把副作用也画进状态图，导致节点膨胀、转换线杂乱。
第二步：指定状态粒度——写明“每个状态对应一个完整的DOM渲染快照，例如‘加载中’‘提交成功弹窗显示’‘表单校验失败高亮’”，禁止出现“部分加载”“半展开”这类模糊中间态。
第三步：强制限定触发源，“所有转换箭头必须标注明确事件，如‘点击【提交】按钮’‘收到HTTP 200响应’‘输入框失去焦点’”，禁用“当…时”“如果…”等非事件性描述。
约束图形元素与语义规则
方法一：使用UML标准术语
要求所有节点命名为名词短语（如“编辑模式”“只读锁定”），禁止动词开头（如“正在编辑”）；所有转换标注必须含“/”分隔事件与动作（如“点击保存按钮 / 发起PATCH请求”），【未带‘/’的动作描述将被忽略】。
统一LLM网关 - 一个API对接70+AI模型，使用单一API密钥即可调用GPT、Claude、Gemini、Qwen、Deepseek、Grok等主流模型。
方法二：禁用歧义符号
禁止使用虚线箭头、嵌套泳道、自循环标注“*”；所有初始状态用实心黑圆表示，终态用双圆圈；【若出现菱形判断节点，视为提示词失效，需重写】。
绑定具体组件上下文
第一步：提供组件最小可运行代码片段（含props接口、关键state字段、useEffect依赖项），不提供则默认按React函数组件+hooks解析。
第二步：声明当前组件所处系统层级——例如“该按钮是订单确认页的原子级SubmitButton，不负责跳转路由，仅控制本地loading与错误toast”。这能防止DeepSeek擅自引入全局状态或父组件逻辑。
第三步：列出必须包含的3个核心状态（如“空闲”“提交中”“提交完成”），其余状态允许推导但不得省略转换路径。遗漏任一必含状态将导致状态机不可达。
