这个技能用于集成GSAP（GreenSock Animation Platform）和Remotion框架，实现专业的运动图形视频制作。支持复杂的时间线编排、文本动画、SVG变形、高级缓动效果和可重用预设，适用于前端开发和视频制作场景。关键词：GSAP, Remotion, 动画, 视频制作, 前端开发, 运动图形, 时间线编排, SVG动画, 文本分割, 缓动效果。

Ultracite 是一个快速、零配置的代码检查和格式化工具，专为现代 JavaScript/TypeScript 项目设计。它支持多种框架如 React、Next.js、Vue、Svelte 等，并提供 AI 集成、Git 钩子支持和类型安全特性，以提高代码质量和开发效率。关键词：代码检查、格式化、JavaScript、TypeScript、前端开发、AI 集成、Git 钩子、类型安全、性能优化。

这个技能用于自动检查和确保前端代码符合开发指南，通过执行git命令和读取指南文件，提升代码质量和团队协作效率。关键词：前端开发、代码检查、git、指南遵守、自动化测试。

Vue组件模式技能专注于使用Vue.js框架构建高效、可复用的前端组件。它涵盖了属性定义与验证、事件处理、插槽使用、依赖注入等核心概念，帮助开发者创建类型安全、易于维护的现代Web应用。关键词：Vue.js, 组件开发, 前端技术, TypeScript, 可重用性。

滚动体验技能专注于设计和实现基于滚动的网络交互体验，包括滚动动画、视差叙事、互动故事和电影化网站，以提升用户沉浸感和交互性。关键词：滚动动画、视差效果、互动叙事、前端开发、用户体验设计。

前端美学设计技能是一个专门用于创建高质量、独特UI界面的设计指南。它专注于避免常见的AI生成设计模式，提供专业的字体排版、色彩系统、动效设计和背景深度方案。关键词包括：UI设计、前端美学、设计系统、字体排版、色彩搭配、动效设计、Tailwind CSS、Framer Motion、设计令牌、品牌界面、仪表板设计、落地页优化。

这是一个用于从Figma文件中自动提取设计令牌和变量的技能，能生成多种代码格式如CSS、TypeScript和JSON，帮助前端开发者集成和维护设计系统，提升开发效率。关键词：Figma、设计令牌、前端开发、代码生成、设计系统。

这个技能专注于Nuxt 4框架的核心开发和配置，涵盖项目初始化、配置文件设置、文件路由实现、SEO优化和错误处理。适用于前端开发者快速构建现代化的Vue应用，提高开发效率和性能。关键词：Nuxt 4, Vue 3, 前端开发, 配置, 路由, SEO, 错误处理, 框架

Tailwind CSS V4 Mastery技能提供了专家级的指导，用于利用Tailwind CSS V4的新Oxide引擎、CSS优先配置和现代样式范式。这项技能将用户转变为Tailwind V4架构专家，能够设计组件系统、优化性能，并以精确度执行复杂的样式挑战。

Pinia是Vue.js官方状态管理库，提供类型安全、可扩展的状态管理解决方案。本技能涵盖Pinia核心概念、功能特性、最佳实践及高级应用，帮助开发者掌握Vue应用状态管理、存储定义、响应式数据处理、插件开发、SSR集成、单元测试等关键技术。适用于Vue 2/3项目开发，提升前端应用架构质量。

这是一个全面的网站性能优化工具，包括性能审计、诊断、修复和监控功能，旨在提升网站加载速度和用户体验。关键词包括：性能审计、诊断、修复、监控、网站优化。

Nuxt模块开发技能专注于创建和维护Nuxt框架的扩展模块，用于增强前端应用功能。涉及关键词：Nuxt模块、Vue.js开发、前端扩展、npm发布、CI/CD自动化、E2E测试、模块化开发、Kit实用工具。