leikegeek/frontend-feature-implementation
skills/frontend-common/feature-implementation/SKILL.md
在既有前端项目中新增或扩展页面、表单、列表、弹窗、批量操作、导入导出和权限交互时使用。强调先理解调用链、复用现有结构、最小改动落地。
$ install --global
skillsauthnpx skillsauth add leikegeek/coding-exoskeleton frontend-feature-implementationInstall 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:48 AM190.8s1 file scanned
SKILL.md
- name:
- frontend-feature-implementation
- displayName:
- 前端功能实现
- description:
- 在既有前端项目中新增或扩展页面、表单、列表、弹窗、批量操作、导入导出和权限交互时使用。强调先理解调用链、复用现有结构、最小改动落地。
- triggers:
- ["前端功能", "新增页面", "列表筛选", "弹窗流程", "批量操作", "导入导出"]
- autoTrigger:
- true
- version:
- 1.0.0
前端功能实现
前置检查
- 读取
AGENTS.md，确认techStack为frontend-vue3或frontend-react-umi。 - 若不是前端 profile，跳过本 skill，回退到通用
coding/tech-design。 - 若命中 Vue 或 React 专项 profile，再叠加对应 profile skill 与 rules。
工作流
- 阅读入口页面、子组件、状态、API/service、类型、样式和相邻实现。
- 画出最小实现链路：入口、数据来源、状态变化、提交或刷新路径。
- 修改前输出：当前理解、方案、涉及文件、风险点、回归点。
- 按最小范围改代码，优先复用现有组件、工具和目录结构。
- 收口时说明行为变化、未覆盖风险和建议验证命令。
重点检查
- 路由或入口是否可达。
- 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