vite
🎯Skillfrom teachingai/full-stack-skills
Quickly scaffolds, configures, and sets up Vite-based web development projects with pre-configured templates and development environments.
Installation
npx skills add https://github.com/teachingai/full-stack-skills --skill viteSkill Details
Overview
# Full Stack Skills(Alpha) 基于 Agent Skills 规范的全栈技能集合    
📖 简介
Full-Stack-Skills(Alpha) 是一个开源的 Agent Skills 集合,严格遵循 Agent Skills 规范,提供 171 个技能集合,按技能种类组织为 12 个插件类别,覆盖软件开发全生命周期。在 AI 时代,它赋能全栈独立开发者,通过 AI 助手掌握专业技能,实现"一个人 = 一个公司"的愿景,让独立开发者能够独立完成从产品设计、开发、测试到部署运维的全流程工作。
> ⚠️ 注意: 当前项目处于 Alpha 阶段,尚未经过严格测试,还在自测中。欢迎反馈问题和建议。
> 说明: 本仓库合并了 Anthropic 的示例技能和 Agent Skills 的技能集合,提供各种实用的 AI 技能,可以在 Claude Code、Claude.ai 和 API 中使用。关于 Agent Skills 标准,请参见 [agentskills.io](http://agentskills.io)。
什么是 Skills?
Skills 是由说明、脚本和资源组成的文件夹,Claude 会按需动态加载它们,以提升在特定任务上的表现。Skills 用于以可复用的方式教会 Claude 完成具体工作,例如:按你公司的品牌规范创建文档、用你组织的既定流程分析数据,或自动化个人任务。
更多信息
- [什么是技能?](https://support.claude.com/en/articles/12512176-what-are-skills)
- [在 Claude 中使用技能](https://support.claude.com/en/articles/12512180-using-skills-in-claude)
- [如何创建自定义技能](https://support.claude.com/en/articles/12512198-creating-custom-skills)
- [用 Agent Skills 为现实世界装备智能体](https://anthropic.com/engineering/equipping-agents-for-the-real-world-with-agent-skills)
- [Agent Skills 规范](https://agentskills.io/)
关于本仓库
full-stack-skills 是一个面向期望成为全栈技能人才的群体的开源技能集合,严格遵循 [Agent Skills 规范](https://agentskills.io/),按技能种类组织技能库,而非按岗位划分。
✨ 核心特性
#### 1. 开源免费
- Apache 2.0 许可证:所有技能采用 Apache 2.0 许可证,完全开源
- 规范标准:严格遵循 Agent Skills 规范,确保技能质量和兼容性
- 持续更新:社区驱动,持续添加新技能和改进现有技能
#### 2. 全栈覆盖
- 171 个技能集合:覆盖前端、后端、移动端、数据库、测试、DevOps、云平台、设计等全栈开发领域
- 12 个插件类别:按技能种类组织,而非按岗位划分,便于灵活组合使用
- 跨平台支持:支持 Claude Code、Claude.ai、Claude API 及其他 AI 平台
#### 3. AI 赋能
- 智能识别:Claude 会根据技能描述自动判断何时使用该技能
- 即插即用:安装插件后,只需提到技能名称即可使用
- 专业指导:每个技能都包含详细的官方文档链接和使用示例
#### 4. 灵活组织
- 按技能种类组织:12 个插件类别,可按需安装
- 独立技能:每个技能自包含,可单独使用
- 跨平台适配:提供适配器工具,支持多种 AI 平台
技能组织方式
本仓库的技能按技能种类分为 12 个插件类别:
- 开发类:前端开发(Vue、React、Angular)、后端开发(Spring、Node.js、Python、Go)、移动端开发(UniApp、React Native、Flutter)、开发工具
- 设计类:UI设计工具、AI设计工具、原型工具
- 文档类:文档生成、文档处理、图表绘制(Mermaid、PlantUML)
- 架构类:DDD、微服务、事件驱动、六边形架构、整洁架构、COLA
- 测试类:单元测试、集成测试、E2E测试、移动端测试
- 运维类:CI/CD、容器化、IaC
- 数据库类:关系型数据库、NoSQL数据库、数据库工具
- 云平台类:AWS、Azure、阿里云、腾讯云、华为云
- 其他:社交协作、教学教育、工具技能
每个技能都自包含在单独的文件夹中,并包含一个 SKILL.md 文件,里面有 Claude 使用的说明和元数据。你可以浏览这些技能来获取灵感,或理解不同的模式与实现方式。
本仓库中的许多技能是开源的(Apache 2.0)。我们还在 [skills/docx](skills/docx)、[skills/pdf](skills/pdf)、[skills/pptx](skills/pptx) 和 [skills/xlsx](skills/xlsx) 子目录中包含了用于支撑 [Claude 文档能力](https://www.anthropic.com/news/create-files) 的文档创建与编辑技能。这些技能是"可查看源码"的(source-available),但并非开源;我们希望将其作为更复杂技能的参考示例,因为它们已在生产级 AI 应用中实际使用。
🎯 核心设计理念
#### 技能标准化
- Agent Skills 规范:严格遵循 [Agent Skills 规范](https://agentskills.io/),确保技能质量和兼容性
- 统一格式:所有技能采用统一的 Markdown 格式和 YAML Frontmatter 元数据
- 渐进式披露:通过
SKILL.md、examples/、templates/、api/等目录实现渐进式信息披露
#### 按技能种类组织
- 灵活组合:按技能种类而非岗位划分,便于灵活组合使用
- 独立技能:每个技能自包含,可单独使用
- 插件化:12 个插件类别,可按需安装
#### 全栈覆盖
- 171 个技能:覆盖前端、后端、移动端、数据库、测试、DevOps、云平台、设计等全栈开发领域
- 跨平台支持:支持 Claude Code、Claude.ai、Claude API 及其他 AI 平台
- 持续更新:社区驱动,持续添加新技能和改进现有技能
#### AI 赋能
- 智能识别:Claude 会根据技能描述自动判断何时使用该技能
- 即插即用:安装插件后,只需提到技能名称即可使用
- 专业指导:每个技能都包含详细的官方文档链接和使用示例
📦 项目定位
Full-Stack-Skills 是面向期望成为全栈技能人才的群体的开源技能市场,旨在:
- 统一技能库:为全栈开发者提供统一的技能集合,降低学习成本
- 规范标准:严格遵循 Agent Skills 规范,确保技能质量和兼容性
- 灵活组合:按技能种类组织,可根据需求灵活组合使用
- 技术栈统一:覆盖主流技术栈,统一技能格式和文档结构
🏗️ 项目架构
Full-Stack-Skills 技能组织结构:
```
full-stack-skills/
├── .claude-plugin/
│ └── marketplace.json # 插件市场配置
├── skills/ # 技能目录
│ ├── vue2/ # 单个技能目录
│ │ ├── SKILL.md # 技能主文档
│ │ ├── examples/ # 示例文件
│ │ ├── templates/ # 模板文件
│ │
More from this repository10
ansible skill from teachingai/full-stack-skills
Rapidly build responsive and accessible Vue 3 web applications using Element Plus component library with pre-configured templates and best practices
Generates Express.js server boilerplate code, configures routes, middleware, and provides best practices for creating Node.js web applications and APIs.
Enables Claude to interact with Elasticsearch, perform advanced search queries, index documents, and manage Elasticsearch clusters programmatically.
Provides Claude with comprehensive guidance and code generation capabilities for implementing routing in Vue.js 4 applications using Vue Router.
Guides developers in designing and implementing software systems using Domain-Driven Design (DDD) principles and hexagonal (ports and adapters) architectural patterns.
nvm skill from teachingai/full-stack-skills
vue3 skill from teachingai/full-stack-skills
uniappx-project-creator skill from teachingai/full-stack-skills
Generates Spring AI project scaffolding and provides code templates for creating AI-powered Spring applications with intelligent features and integrations.