Token导航 LogoToken导航TokenDH.com
效率需要联网clawhub未标认证来源可访问clear审计通过

mens-fashion-ecommerce男士时尚电子商务

Agent Skill

mens-fashion-ecommerce 用于辅助前端页面、组件、样式和交互逻辑开发,适合在 OpenClaw 中需要维护前端项目、生成组件或检查界面实现时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

总安装

3,189

周安装

129

GitHub Stars

公开资料未说明

下载量

1,001
OpenClaw

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

MIT-0

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:mens-fashion-ecommerce(男士时尚电子商务)
来源仓库:https://github.com/wtbian/mens-fashion-ecommerce
安装命令:
openclaw skills install mens-fashion-ecommerce
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 OpenClaw 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

ClawHubOpenClaw
openclaw skills install mens-fashion-ecommerce

简介

生成完整的男装电商系统项目,技术栈为 SpringBoot3 + Vue3 + MySQL。执行流程:先输出详细技术方案供用户确认,确认后再分模块生成完整的前后端代码。使用场景:当用户需要创建一个完整的男装电商平台,包括商品管理、用户管理、订单管理、购物车、支付集成等功能时使用此技能。

SKILL.md

name
mens-fashion-ecommerce
description
生成完整的男装电商系统项目,技术栈为 SpringBoot3 + Vue3 + MySQL。执行流程:先输出详细技术方案供用户确认,确认后再分模块生成完整的前后端代码。使用场景:当用户需要创建一个完整的男装电商平台,包括商品管理、用户管理、订单管理、购物车、支付集成等功能时使用此技能。

男装电商系统生成技能

本技能用于生成完整的男装电商系统项目,采用现代化的技术栈:SpringBoot3(后端)、Vue3(前端)、MySQL(数据库)。技能执行分为两个阶段:1) 输出详细技术方案供用户确认;2) 根据确认的方案分模块生成完整的前后端代码。

技能执行流程

第一阶段:技术方案设计

当技能触发时,首先执行以下步骤:

  1. 需求分析:与用户确认电商系统的核心功能需求
  2. 技术架构设计:设计系统整体架构,包括:

- 后端架构(SpringBoot3 + MyBatis Plus + Spring Security) - 前端架构(Vue3 + Element Plus + Vue Router + Pinia) - 数据库设计(MySQL表结构) - API接口设计(RESTful API规范)

  1. 模块划分:将系统划分为以下核心模块:

- 用户管理模块 - 商品管理模块 - 购物车模块 - 订单管理模块 - 支付模块 - 库存管理模块 - 物流跟踪模块 - 营销活动模块

  1. 输出技术方案文档:生成详细的技术方案文档供用户确认

第二阶段:代码生成

用户确认技术方案后,按以下顺序生成代码:

  1. 后端项目初始化

- 创建SpringBoot3项目结构 - 配置数据库连接和MyBatis Plus - 配置Spring Security和JWT认证 - 配置Swagger API文档

  1. 数据库设计实现

- 生成MySQL建表SQL脚本 - 创建实体类(Entity) - 创建数据访问层(Mapper) - 创建服务层(Service)

  1. 核心模块开发(按顺序):

- 用户管理模块(注册、登录、个人信息、地址管理) - 商品管理模块(商品分类、商品详情、商品搜索、商品评价) - 购物车模块(添加商品、修改数量、删除商品) - 订单管理模块(创建订单、订单列表、订单详情、订单状态) - 支付模块(支付接口、支付回调、退款处理) - 库存管理模块(库存查询、库存预警、库存调整) - 物流跟踪模块(物流查询、物流状态更新) - 营销活动模块(优惠券、限时折扣、满减活动)

  1. 前端项目开发

- 创建Vue3项目结构 - 配置路由和状态管理 - 集成Element Plus UI组件库 - 开发各模块对应的页面组件 - 实现API接口调用

  1. 系统集成与测试

- 前后端联调 - 生成部署文档 - 提供Docker部署配置

技术栈详情

后端技术栈

  • 框架:SpringBoot 3.x
  • ORM:MyBatis Plus 3.x
  • 安全:Spring Security + JWT
  • 数据库:MySQL 8.x
  • 缓存:Redis(可选)
  • 消息队列:RabbitMQ(可选)
  • API文档:SpringDoc OpenAPI 3 (Swagger)
  • 构建工具:Maven 3.8+

前端技术栈

  • 框架:Vue 3.x + Composition API
  • UI组件库:Element Plus
  • 状态管理:Pinia
  • 路由:Vue Router 4.x
  • HTTP客户端:Axios
  • 构建工具:Vite 5.x
  • CSS预处理器:Sass/SCSS

数据库设计要点

  1. 用户表:用户基本信息、认证信息
  2. 商品表:商品分类、商品详情、商品SKU
  3. 购物车表:用户购物车商品
  4. 订单表:订单主表、订单明细表
  5. 支付表:支付记录、退款记录
  6. 库存表:商品库存、库存变更记录
  7. 物流表:物流信息、物流状态
  8. 营销表:优惠券、活动规则

参考文件

在生成代码时,可参考以下文件:

架构设计

数据库设计

API设计

项目生成

项目文档

使用说明

  1. 当用户请求创建男装电商系统时,首先触发本技能
  2. 按照第一阶段流程,与用户确认需求并输出技术方案
  3. 获得用户确认后,按照第二阶段流程生成完整代码
  4. 生成过程中,保持与用户的沟通,确保符合预期
  5. 完成后提供部署和运行指南

代码生成指导原则

1. 后端代码生成

  • 遵循SpringBoot最佳实践
  • 使用MyBatis Plus简化数据库操作
  • 实现统一的异常处理机制
  • 添加完整的日志记录
  • 配置合适的安全策略

2. 前端代码生成

  • 使用Vue3 Composition API
  • 遵循组件化开发原则
  • 实现响应式设计
  • 添加合适的错误处理
  • 优化用户体验

3. 数据库设计

  • 遵循数据库设计范式
  • 添加合适的索引优化查询性能
  • 考虑数据一致性和完整性
  • 设计合理的表关系

4. API设计

  • 遵循RESTful API设计原则
  • 使用统一的响应格式
  • 添加合适的错误码
  • 提供完整的API文档

注意事项

  1. 确保生成的代码符合企业级开发规范
  2. 包含必要的错误处理和日志记录
  3. 实现合适的安全措施(SQL注入防护、XSS防护等)
  4. 提供完整的API文档
  5. 考虑性能优化(数据库索引、缓存策略等)
  6. 支持国际化(i18n)和响应式设计
  7. 生成可维护、可扩展的代码结构
  8. 提供清晰的代码注释和文档

技能输出示例

技术方案输出示例

# 男装电商系统技术方案

## 1. 项目概述
- 项目名称:男装电商系统
- 技术栈:SpringBoot3 + Vue3 + MySQL
- 目标用户:男性消费者
- 核心功能:商品浏览、购物车、订单管理、支付

## 2. 系统架构
- 前后端分离架构
- RESTful API设计
- 微服务架构(可选扩展)

## 3. 数据库设计
- 用户表:存储用户信息
- 商品表:存储商品信息
- 订单表:存储订单信息
- ...(详细表结构)

## 4. API设计
- 认证接口:/api/auth/*
- 用户接口:/api/users/*
- 商品接口:/api/products/*
- ...(详细接口文档)

## 5. 部署方案
- 开发环境:本地部署
- 生产环境:云服务器部署
- 数据库:MySQL 8.x
- 缓存:Redis

代码生成输出示例

项目结构:
mens-fashion-ecommerce/
├── backend/          # SpringBoot后端项目
├── frontend/         # Vue3前端项目
├── database/         # 数据库脚本
└── docs/            # 项目文档

已生成文件:
✓ backend/pom.xml
✓ backend/src/main/java/.../EcommerceApplication.java
✓ backend/src/main/resources/application.yml
✓ frontend/package.json
✓ frontend/vite.config.js
✓ frontend/src/main.js
✓ database/init.sql
✓ docs/README.md

技能维护

本技能应定期更新以保持技术栈的现代性:

  1. 定期检查依赖版本更新
  2. 更新最佳实践和设计模式
  3. 添加新的功能模块
  4. 优化现有代码结构
  5. 更新文档和示例

故障排除

常见问题

  1. 数据库连接失败:检查MySQL服务是否启动,配置是否正确
  2. 前端编译错误:检查Node.js版本,清理npm缓存
  3. API调用失败:检查后端服务是否启动,跨域配置是否正确
  4. 文件上传失败:检查文件大小限制,存储路径权限

解决方案

  1. 查看日志文件定位问题
  2. 检查配置文件是否正确
  3. 验证依赖版本兼容性
  4. 参考相关技术文档

扩展建议

功能扩展

  1. 移动端适配:开发响应式设计或独立移动端应用
  2. 第三方登录:集成微信、支付宝等第三方登录
  3. 推荐系统:基于用户行为的商品推荐
  4. 数据分析:用户行为分析和销售数据统计

技术扩展

  1. 微服务架构:将系统拆分为多个微服务
  2. 容器化部署:使用Docker和Kubernetes部署
  3. CI/CD流水线:自动化测试和部署
  4. 监控告警:系统性能监控和异常告警

技能版本: 1.0.0 最后更新: 2024年1月 适用场景: 企业级电商系统开发、教学演示、个人项目实践

适合场景

01

OpenClaw 用户查找和安装 Skill 时

02

用户想查找某类 Agent Skill 时

03

需要根据任务场景推荐可安装能力包时

04

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

能力 5

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

OpenClaw

87.54%
按下载量换算876

安全审计

VirusTotal

通过

ClawScan

通过

Static analysis

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills