leikegeek/vue3-dialog-form-workflow
skills/frontend-vue3/dialog-form-workflow/SKILL.md
在 Vue 3 项目中新增或改造弹窗、表单、导入流程、编辑回填、保存提交和关闭刷新链路时使用。强调独立 Dialog、本地表单状态和封装组件优先。
$ install --global
skillsauthnpx skillsauth add leikegeek/coding-exoskeleton vue3-dialog-form-workflowInstall 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:49 AM120.4s1 file scanned
SKILL.md
- name:
- vue3-dialog-form-workflow
- displayName:
- Vue 3 弹窗表单实现
- description:
- 在 Vue 3 项目中新增或改造弹窗、表单、导入流程、编辑回填、保存提交和关闭刷新链路时使用。强调独立 Dialog、本地表单状态和封装组件优先。
- triggers:
- ["Vue弹窗", "Vue表单", "Dialog.vue", "表单回填", "保存弹窗", "导入弹窗"]
- autoTrigger:
- true
- version:
- 1.0.0
Vue 3 弹窗表单实现
前置检查
- 读取
AGENTS.md，确认techStack == frontend-vue3。 - 阅读同目录已有弹窗或表单实现，优先沿用相邻模式。
实现流程
- 判断是新增弹窗、改造存量弹窗，还是修复弹窗流程。
- 新增弹窗默认创建
*Dialog.vue，与页面同域放置。 - 父组件只传初始化数据并监听
saved；保存、校验、提示和本地表单状态由弹窗内部处理。 - 打开时拷贝初始化数据到本地
formData，关闭时清理脏状态。 - 保存成功后关闭弹窗并通过
saved通知父组件刷新。
回归重点
- 首次打开、编辑回填、二次打开和关闭重置。
- 必填校验、提交中禁用、失败后重试。
- 成功后列表刷新策略是否符合当前页预期。
- 日期、人员、渠道、导入等字段是否使用项目封装组件。
输出格式
- 弹窗职责边界
- 父子组件交互协议
- 表单状态与校验策略
- 保存与刷新策略
- 回归清单
Related Skills
leikegeek/audit-context-intake
development
VerifiedTrustedCommunity
将本地 /code 流程产物、Git 可获取变更或 GitLab Merge Request 链接归一化为统一 AuditContext，供 audit-reviewer 执行业务、质量、安全一体化审计。
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
leikegeek/react-umi-request-routing
development
VerifiedTrustedCommunity
在 React Umi 项目中修改路由、菜单权限、代理前缀、request 封装、服务模块、下载导出或全局请求参数注入时使用。
3SKILL.mdUpdated Jun 4, 2026