前端开发 Skill技能列表
Vue.js前端开发专家Skill vue-expert
Vue.js前端开发专家，精通Vue 3组合式API、Pinia状态管理和Nuxt.js框架，专注于构建高性能、响应式的现代Web应用程序。提供Vue 3开发、TypeScript集成、组件架构、性能优化、Nuxt.js SSR/SSG、状态管理等专业服务。关键词：Vue.js开发，Vue 3，组合式API，Pinia，Nuxt.js，TypeScript，前端架构，性能优化，响应式编程，Web应用开发。
UI设计师Skill ui-designer
UI设计师技能是一个专注于用户界面视觉与交互设计的专家系统。它提供从色彩搭配、组件主题化到无障碍访问的全方位设计指导，支持Material You、极简主义、玻璃拟态等多种流行设计语言。核心功能包括自动生成和谐调色板、建立可维护的主题系统、进行WCAG合规性审计，并能与开发工具（如Cursor）集成以自动化设计规范。适用于前端开发者、产品设计师和任何需要创建美观、易用且包容性强的数字界面的项目。关键词：UI设计，用户体验，前端开发，Tailwind CSS，无障碍设计，设计系统，色彩理论，组件库。
GSAPHUD动画开发技能Skill gsap
本技能提供GSAP（GreenSock动画平台）专业知识，用于在JARVIS AI助手HUD中创建平滑、专业的动画。主要应用包括HUD面板入场/出场动画、状态指示器过渡、数据可视化动画、滚动触发效果和复杂时间线序列。强调测试驱动开发、性能优化、内存管理、可访问性和高质量代码实践，适用于前端开发场景。关键词：GSAP, 动画, JARVIS, HUD, 前端开发, Vue.js, 性能优化, TDD, 可访问性。
创建Claude规则Skill creating-claude-rules
Claude规则文件创建指南，提供Claude AI代码助手规则配置教程，包括路径限定、glob模式、frontmatter格式、目录结构等开发工具配置说明，适用于软件开发、AI辅助编程、项目规范管理场景。
Nuxt全栈开发技能Skill nuxt
本技能提供基于 Vue.js 的 Nuxt 3 全栈应用开发专家指导，涵盖服务器端渲染、静态站点生成、API 路由构建、自动导入、模块配置和部署优化。适用于构建现代化、高性能的 Web 应用，支持混合渲染模式，并集成 Nitro 服务器引擎。关键词：Nuxt 3，全栈开发，Vue.js，服务器端渲染，SSR，静态站点生成，Nitro 服务器，混合渲染，TypeScript，前端框架。
检查前端代码Skill check-frontend
这个技能用于自动检查前端代码是否遵循开发指南，通过执行Git操作、阅读指南文件和代码审查等步骤，确保代码质量和一致性，提升开发效率。关键词：前端开发、代码检查、指南遵循、Git、组件、Hook、状态管理、代码审查、质量保证。
ReactNativeWeb性能优化Skill react-native-web-performance
这个技能专注于优化React Native Web应用的性能，通过代码分割、包优化、内存化和Web特定改进，提升应用加载速度、渲染效率和用户体验。适用于前端开发和跨平台移动开发场景。关键词：React Native Web, 性能优化, 代码分割, 包优化, 内存化, Web优化, 前端开发, 移动开发。
代码简化与优化Skill simplify
代码简化与优化技能专注于在保持功能完全不变的前提下，提升代码的清晰度、一致性和可维护性。它通过应用项目最佳实践、减少冗余、改善命名和结构，使代码更易于阅读、调试和扩展。关键词：代码简化，代码优化，代码重构，可读性，可维护性，编码标准，软件开发，最佳实践。
ReactNativeWeb样式设计Skill react-native-web-styling
这个技能用于在React Native Web中进行样式设计，提供StyleSheet API、平台特定样式、响应式设计和主题化的模式。关键词：React Native Web、样式设计、响应式、主题化、前端开发、跨平台应用。
排版Skill typography
该技能专注于用户界面文本的排版设计，包括字体选择、CSS 样式审查、提高可读性、增强链接可点击性，并降低可访问性风险。适用于前端开发和 UI/UX 设计，关键词包括：排版设计、字体选择、CSS 排版、可读性优化、可访问性、UI 文本、前端开发。
Figma设计实现技能Skill "figma-implement-design"
该技能通过Figma MCP工作流，将Figma设计节点准确转化为生产就绪代码，实现1:1视觉保真度，适用于前端开发、设计系统集成和代码生成。关键词：Figma、设计实现、代码转换、视觉保真、前端开发、MCP工作流。
ReactNativeWeb核心Skill react-native-web-core
这个技能用于使用React Native构建跨平台的web应用，涵盖核心概念、组件和开发模式。关键词：React Native Web, 跨平台开发, web应用, React Native 组件, 前端开发。