بنقرة واحدة
deal-with-code-to-fontend-logic
这是一个梳理前端具体逻辑的技能。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
这是一个梳理前端具体逻辑的技能。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
帮助用户在项目中调试代码(受控 console 打点,不修改业务逻辑)。用户提示词如何对应「加打点 / 删打点」见「触发条件」,硬约束与反面案例见正文。
从界面操作路径反查「怎么点进某个 Vue/React 组件所在页面」;用户问进入方式、菜单路径、路由入口、如何打开某页面时使用。
从代码或笔记中生成稳定的中文业务文档。适用于用户要求输出业务背景/核心功能模块/关键业务规则/快速记忆卡片/常见问题,或要求“小白都能看懂/不要代码/不要技术细节/不要涉及任何代码”。适配任意页面与任意领域,重点把页面展示、用户操作流程、业务规则翻译成业务语言。
Reviews git changes first, then (only if review passes) commits with a user-provided message and pushes. If review finds issues, block the commit/push and report the potential problems. Use when the user asks to “提交代码/commit/push/提交并推送” and requires a pre-review with zero AI code modifications.
对 git 所有改动做提交前检查,并输出问题清单(只读,不改代码)
整理service里面接口相关信息
| name | deal-with-code-to-fontend-logic |
| description | 这是一个梳理前端具体逻辑的技能。 |
把代码整理成前端逻辑,用前端语言,中文,放到.docs/代码逻辑梳理
必须先读取案例再结合步骤进行执行,只理解步骤,会导致理解会不准确,案例就是代码步骤的最准确意思
如果字段能通过项目上下文得知什么意思,必须列出什么意思,案例:是否开启策略衰减(autoDecaySwitch)
参考./template.md
应该先整体到细节列出页面展示情况,如果某个按钮有简单逻辑逻辑,在这个部分必须列出,如果太复杂则在逻辑列出
案例: if(noShow){ return '-' } return 重点关注学生 分析: 这里完整逻辑应该是 if(noShow){ return '-' }else{ return 重点关注学生 } 错误输出: 如果无需展示,兜底‘-’;返回重点关注学生 正确输出: 如果无需展示,出现‘-’,否则展示重点关注学生
根据这个模版来输出
页面-操作栏:只写“按钮是否展示”的条件 条件写法:中文可读的状态/原因 +(括号里写代码条件) 对于无法推断含义的“权限位/标记位数字”,只写代码条件本身,不要硬翻译
必须写 标题 + 核心文案/关键字段(不能只写“有弹窗”) 有动态文案时,必须写清楚 变量取值规则(例如 planName 怎么算)
逻辑-操作行为:写“点了按钮发生什么” 必须落到具体动作:跳转到哪(路径 + query/params)、请求哪个接口(method + url)、是否二次确认、成功后如何刷新/回跳/提示 如果按钮只是触发上层回调,必须继续向上追踪到页面/模型/服务层,直到能写出“跳转/接口/弹窗”的真实行为
流程:1. 读取文件,或者通过中文识别用户输入的业务是哪个文件下 输入:学生管理系统 读取:student_portal下
流程:3. 整理成简要逻辑