前端开发 Skill技能列表
Vue组合式APISkill vue-composition-api
Vue组合式API是Vue 3框架的核心功能，用于通过组合式函数构建响应式、可维护和可复用的前端应用程序。它提供ref、reactive、computed、watch等核心特性，支持更好的代码组织、逻辑复用和TypeScript集成，适用于现代Vue开发，提高开发效率和代码质量。关键词：Vue 3, Composition API, 前端开发, 响应式编程, TypeScript, 组件化开发, 可复用逻辑, 生命周期钩子, 状态管理。
Nuxt模块开发Skill nuxt-modules
Nuxt模块开发技能专注于创建和维护Nuxt框架的扩展模块，用于增强前端应用功能。涉及关键词：Nuxt模块、Vue.js开发、前端扩展、npm发布、CI/CD自动化、E2E测试、模块化开发、Kit实用工具。
界面设计原则Skill design
这个技能专注于为SaaS界面、数据密集型仪表板等提供精确、最小化的设计指导，强调像素级细节和上下文驱动的决策。它包括设计方向选择、排版、颜色、布局等原则，旨在提升产品的工艺水平和用户体验，适用于前端开发、UI设计等领域。关键词：设计原则、UI设计、仪表板设计、SaaS界面、精确设计、前端开发、用户体验、CSS。
GSAP动画制作技能Skill gsap-animation
这个技能用于集成GSAP（GreenSock Animation Platform）和Remotion框架，实现专业的运动图形视频制作。支持复杂的时间线编排、文本动画、SVG变形、高级缓动效果和可重用预设，适用于前端开发和视频制作场景。关键词：GSAP, Remotion, 动画, 视频制作, 前端开发, 运动图形, 时间线编排, SVG动画, 文本分割, 缓动效果。
核心网页指标优化Skill core-web-vitals
这个技能专注于优化LCP（最大内容绘制）、INP（交互到下一次绘制）和CLS（累积布局偏移）这三个核心网页指标，以提升页面体验和搜索引擎排名。适用于前端开发、SEO优化和网站性能监控。关键词：核心网页指标、LCP、INP、CLS、页面体验优化、前端性能、搜索排名。
模块脚手架Skill module-scaffolder
这是一个用于前端开发的自动化工具，能够根据预设的6文件夹架构快速生成功能模块的代码脚手架。它自动创建TypeScript组件、接口、钩子和工具函数，并强制执行代码质量标准，包括文件结构、命名规范、路径别名和类型安全。适用于React/Vue等现代前端框架的项目初始化，提高开发效率和代码一致性。关键词：前端脚手架、模块生成、TypeScript接口、代码规范、自动化工具、DevOps、项目架构。
Vue.js3开发Skill vue-development
Vue.js 3 开发技能专注于使用Composition API、TypeScript、Pinia、Nuxt等工具构建现代Web应用，适用于前端开发、全栈开发、组件设计、状态管理、测试等场景。关键词：Vue.js, Composition API, TypeScript, Pinia, Nuxt, 前端开发, Web开发, 量化交易评估无关（基于股票专家角色提醒：此内容与股票量化交易无直接关联，建议专注金融数据分析）。
AnimationPatternsinReactSkill AnimationPatternsinReact
在React中使用Framer Motion、GSAP、React Spring和CSS动画创建高效、可访问的动画，包含最佳实践。
智能文档助手Skill context7
Context7智能文档助手是一款专为开发者设计的AI工具，能够实时获取和查询最新技术库文档。通过API接口，该技能可快速搜索React、Next.js、Supabase等主流开发框架的官方文档，提供准确的API参考、最佳实践和版本信息。关键词：文档查询、API参考、开发工具、实时文档、技术库搜索、编程助手、版本管理、开发效率。
前端设计Skill frontend-design
前端设计技能专注于创建独特、高质量、生产就绪的Web界面，避免通用AI美学。该技能强调创意设计思维、大胆美学方向、精致代码实现，涵盖排版、色彩、动效、空间构成等核心要素，旨在打造令人难忘的数字体验。关键词：前端开发、UI设计、Web界面、创意设计、生产级代码、美学优化、用户体验、CSS动画、响应式布局、视觉设计。
React最佳实践Skill react-best-practices
这个技能提供了Vercel Engineering维护的React和Next.js性能优化指南，包含45个规则，帮助开发者优化代码性能，涉及数据获取、包大小优化、渲染优化等关键领域，适用于前端开发，提升应用程序加载速度和用户体验。关键词：React性能优化, Next.js最佳实践, 前端开发指南, Vercel工程, 代码重构, 性能改进, SEO优化。
TailwindCSS响应式设计Skill tailwind-responsive-design
Tailwind CSS响应式设计技能用于通过Tailwind CSS框架构建自适应布局和移动优先的网页设计，涵盖断点、容器查询和响应式工具的使用。适用于前端开发人员创建跨设备兼容的网站。关键词：Tailwind CSS, 响应式设计, 移动优先, 断点, 前端开发, 网页布局。