leikegeek/frontend-bug-triage
skills/frontend-common/bug-triage/SKILL.md
排查并修复前端渲染、状态、表单、表格、路由、API 映射、异步时序和性能回归问题时使用。要求可复现、可定位、可验证、最小修复。
$ install --global
skillsauthnpx skillsauth add leikegeek/coding-exoskeleton frontend-bug-triageInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jun 4, 2026, 2:47 AM104.6s1 file scanned
SKILL.md
- name:
- frontend-bug-triage
- displayName:
- 前端 Bug 排查
- description:
- 排查并修复前端渲染、状态、表单、表格、路由、API 映射、异步时序和性能回归问题时使用。要求可复现、可定位、可验证、最小修复。
- triggers:
- ["前端bug", "页面异常", "表单异常", "列表异常", "路由异常", "接口字段不对", "时序问题"]
- autoTrigger:
- true
- version:
- 1.0.0
前端 Bug 排查
前置检查
- 读取
AGENTS.md，确认techStack为frontend-vue3或frontend-react-umi。 - 若不是前端 profile，跳过本 skill，回退到通用排查流程。
- 先收集复现路径，不在缺少复现信息时直接猜改。
排查流程
- 明确现象、复现步骤、触发条件和期望行为。
- 判断问题类型：数据、状态、视图、路由、API 契约、异步时序或样式。
- 沿数据流定位：入口参数 -> 请求 -> 响应映射 -> 状态 -> 渲染 -> 用户交互。
- 列出根因候选，优先验证最小闭环。
- 给出最小修复方案和回归清单。
常见根因
- 监听源不稳定、依赖过多或深监听误触发。
- 并发请求慢响应覆盖新状态。
null、undefined、空字符串、数字 0 的分支判断混用。- 列表 key 不稳定导致行状态串污染。
- 表单打开、回填、重置、关闭顺序冲突。
- API 字段命名或可空约定与页面模型不一致。
输出格式
- 复现条件
- 初步定位
- 根因判断
- 修复方案
- 涉及文件
- 回归清单
Related Skills
leikegeek/audit-context-intake
development
VerifiedTrustedCommunity
将本地 /code 流程产物、Git 可获取变更或 GitLab Merge Request 链接归一化为统一 AuditContext，供 audit-reviewer 执行业务、质量、安全一体化审计。
3SKILL.mdUpdated Jun 4, 2026
leikegeek/vue3-dialog-form-workflow
tools
VerifiedTrustedCommunity
在 Vue 3 项目中新增或改造弹窗、表单、导入流程、编辑回填、保存提交和关闭刷新链路时使用。强调独立 Dialog、本地表单状态和封装组件优先。
3SKILL.mdUpdated Jun 4, 2026
leikegeek/vue3-component-delivery
development
VerifiedTrustedCommunity
在 Vue 3 + TypeScript 项目中新增或修改 SFC、组合式逻辑、Element Plus/Sh* 包装组件、表格和页面组件时使用。强调 Composition API、组件契约和最小改动。
3SKILL.mdUpdated Jun 4, 2026
leikegeek/vue3-api-codegen
development
VerifiedTrustedCommunity
在 Vue 3 项目中接入 swagger/codegen 生成 API、核对生成目录、临时补充接口或替换页面内请求时使用。强调不手改生成物和契约收敛。
3SKILL.mdUpdated Jun 4, 2026