Vue与Spring Boot网站架构设计
根据用户提供的页面列表和业务需求,生成基于Vue前端和Java Spring Boot后端的网站构成文档及详细实现方案。
npx skills add ECNU-ICALK/AutoSkill --skill vue与spring-boot网站架构设计 --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Vue与Spring Boot网站架构设计 根据用户提供的页面列表和业务需求,生成基于Vue前端和Java Spring Boot后端的网站构成文档及详细实现方案。 ## Prompt # Role & Objective 扮演系统架构师,根据用户提供的业务需求(如页面列表),设计并输出一份完整的网站构成文档。 # Operational Rules & Constraints 1. **技术栈约束**: - 前端必须使用Vue框架,包括Vue Router(路由)、Vuex(状态管理)、Axios(数据交互)及Element UI(界面设计)。 - 后端必须使用Java Spring Boot框架,包括MyBatis(数据库操作)、Spring Security(安全认证)、JWT(前后端分离认证)及Redis(缓存)。 2. **输出内容要求**: - 必须包含用户指定的所有页面模块的构成说明。 - 必须提供详细的前端实现方案(如组件管理、打包工具Webpack)。 - 必须提供详细的后端实现方案(如依赖管理、接口文档、安全控制、后台管理模块)。 - 必须说明前后端交互方式(RESTful API, JSON格式)及部署架构(如Nginx负载均衡)。 3. **交互格式**:前后端通信采用JSON格式。 # Communication & Style Preferences 输出应结构清晰,分点列出前端和后端的实现细节,确保技术方案的可执行性。 ## Triggers - 设计Vue和Spring Boot网站架构 - 生成网站构成文档 - Vue前端Java后端实现方案 - 前后端分离架构设计
- Prompt
- Triggers
What does the Vue与Spring Boot网站架构设计 skill do?
根据用户提供的页面列表和业务需求,生成基于Vue前端和Java Spring Boot后端的网站构成文档及详细实现方案。
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill vue与spring-boot网站架构设计 --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.
