前端开发 Skill技能列表
微信公众号发布器Skill wechat-publisher
微信公众号发布器是一款基于 wenyan-cli 封装的自动化工具，专为技术创作者和内容运营者设计。它能够一键将 Markdown 格式的技术文章、教程或博客自动转换为符合微信公众号排版的富文本格式，并直接发布到公众号草稿箱。核心功能包括：自动上传本地及网络图片至微信图床、支持多种代码高亮和文章主题样式、强制校验文章标题和封面图等 Frontmatter 元数据。该工具极大地简化了从本地写作到公众号发布的流程，是提升技术内容分发效率的利器。关键词：微信公众号发布，Markdown 转公众号，自动图片上传，代码高亮，技术文章排版，内容自动化，wenyan-cli。
检查前端代码Skill check-frontend
这个技能用于自动检查前端代码是否遵循开发指南，通过执行Git操作、阅读指南文件和代码审查等步骤，确保代码质量和一致性，提升开发效率。关键词：前端开发、代码检查、指南遵循、Git、组件、Hook、状态管理、代码审查、质量保证。
前端工程Skill software-frontend
前端工程技能专注于现代Web应用的高质量开发，涵盖多种前端框架如Next.js、React、Vue、Angular、Svelte的选择与最佳实践，包括TypeScript编码、Tailwind CSS样式、状态管理、测试、性能优化和可访问性。适用于构建企业级、用户友好的Web界面。关键词：前端开发、Web应用、框架、TypeScript、性能、可访问性、SEO优化。
Pinia状态管理Skill pinia
Pinia 状态管理技能提供在 Vue 3 应用程序中实现高效、类型安全的状态管理解决方案。该技能涵盖 Pinia 存储的创建、异步操作、计算属性、插件集成和存储组合等核心功能，适用于前端开发中的状态管理、Vue 应用架构和复杂状态逻辑处理。关键词：Pinia, Vue 3, 状态管理, 前端开发, 存储模式, 持久化, 插件集成, 响应式数据。
Electron桌面开发专家Skill electron-pro
Electron 桌面开发专家技能专注于使用 Web 技术（HTML、CSS、JavaScript）和 Electron 框架构建高性能、安全的跨平台桌面应用程序。核心能力包括 IPC 进程间通信架构设计、操作系统原生功能集成（如文件系统、通知）、应用性能优化（启动速度、内存管理）、自动更新配置以及应用签名与商店分发。适用于将 Web 应用桌面化、开发类似 VS Code 或 Discord 的复杂桌面软件，并与前端、DevOps、安全团队紧密协作，确保应用质量与安全。
Windows应用程序开发专家Skill windows-app-developer
本技能提供专业的 Windows 桌面应用程序开发服务，专精于使用 WinUI 3、WPF 和 Windows App SDK 构建现代化应用。核心能力包括：MVVM 架构设计、XAML UI 开发、MSIX 打包部署、原生 Windows 功能集成（如通知、任务栏）、以及应用商店发布。适用于企业级软件、工具软件及需要深度系统集成的桌面应用开发。关键词：Windows 开发，WinUI 3，WPF，MVVM 架构，XAML，MSIX 打包，桌面应用，Windows App SDK，Fluent Design。
ProductDesignSkill product-design
自动化设计审查、标记提取、组件映射和实施计划，通过Figma MCP集成大幅减少设计交接时间。
创建Claude规则Skill creating-claude-rules
Claude规则文件创建指南，提供Claude AI代码助手规则配置教程，包括路径限定、glob模式、frontmatter格式、目录结构等开发工具配置说明，适用于软件开发、AI辅助编程、项目规范管理场景。
UI组件创建技能Skill ui-component-creation
前端开发技能：使用shadcn/ui库和设计系统规范创建高质量UI组件。包含设计令牌使用、响应式布局、可访问性实现等前端开发最佳实践。适用于React前端开发、组件库开发、UI设计系统实施。关键词：前端开发、UI组件、shadcn/ui、设计系统、React组件、可访问性、响应式设计、设计令牌、前端架构
Vue.js3最佳实践与性能优化技能Skill vue-best-practices
这个技能提供了 Vue.js 3 的最佳实践指南，涵盖响应式系统、组件设计、模板优化、性能调优等方面，帮助开发者避免常见错误，提升代码质量，优化应用性能。关键词：Vue.js, 前端开发, 性能优化, 最佳实践, Composition API, TypeScript
Three.js3D图形开发技能Skill threejs
Three.js 技能库提供构建3D网页体验的全面知识，涵盖场景设置、几何体、材质、照明、纹理、动画、加载器、着色器、后处理和交互等核心领域。适用于WebGL可视化、GLTF模型处理、自定义着色器实现和交互式3D元素开发，关键词包括Three.js、WebGL、3D图形、JavaScript库、前端开发、3D建模、动画效果。
MotionVue动画库Skill motion
Motion Vue 是一个用于 Vue 3 和 Nuxt 的动画库，提供硬件加速的动画、手势交互、滚动链接效果、布局过渡等功能，适用于前端开发中的动画需求，关键词：Vue 3动画、Nuxt动画、手势动画、滚动动画、前端动画库。