前端开发 Skill技能列表
模块脚手架Skill module-scaffolder
这是一个用于前端开发的自动化工具，能够根据预设的6文件夹架构快速生成功能模块的代码脚手架。它自动创建TypeScript组件、接口、钩子和工具函数，并强制执行代码质量标准，包括文件结构、命名规范、路径别名和类型安全。适用于React/Vue等现代前端框架的项目初始化，提高开发效率和代码一致性。关键词：前端脚手架、模块生成、TypeScript接口、代码规范、自动化工具、DevOps、项目架构。
VitePressSkill vitepress
VitePress是一个基于Vite和Vue.js的现代化静态站点生成器（SSG），专为构建高性能的文档网站、技术博客和营销页面而设计。它支持在Markdown中直接使用Vue组件，提供极速的热更新体验和内置的搜索功能，并可通过主题系统高度定制。核心关键词包括：静态站点生成器、Vite、Vue 3、文档工具、Markdown、前端开发、快速构建。
Web组件设计Skill web-component-design
这个技能专注于使用React、Vue和Svelte等现代前端框架设计和实现可重用的UI组件，涵盖CSS-in-JS样式方法、组件组合模式（如复合组件、渲染属性）、API设计等，适用于构建组件库、前端设计系统和提升代码可维护性。关键词：React, Vue, Svelte, CSS-in-JS, 组件设计, 前端开发, UI组件, 可重用架构, 组合模式, 样式管理。
编码标准与最佳实践Skill coding-standards
这是一份全面的软件开发编码标准指南，涵盖TypeScript、JavaScript、React和Node.js开发的最佳实践。文档详细介绍了代码质量原则（可读性、KISS、DRY、YAGNI）、变量命名规范、函数设计模式、不可变性原则、错误处理策略、异步编程技巧、类型安全要求、React组件架构、API设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队，帮助建立统一的代码规范，提高代码质量和团队协作效率。
智能文档助手Skill context7
Context7智能文档助手是一款专为开发者设计的AI工具，能够实时获取和查询最新技术库文档。通过API接口，该技能可快速搜索React、Next.js、Supabase等主流开发框架的官方文档，提供准确的API参考、最佳实践和版本信息。关键词：文档查询、API参考、开发工具、实时文档、技术库搜索、编程助手、版本管理、开发效率。
AnimationPatternsinReactSkill AnimationPatternsinReact
在React中使用Framer Motion、GSAP、React Spring和CSS动画创建高效、可访问的动画，包含最佳实践。
Remotion渲染技能Skill remotion-render
这个技能用于通过React/Remotion组件代码渲染视频，支持所有Remotion API，如useCurrentFrame、useVideoConfig、spring、interpolate等。可配置分辨率、FPS、时长和编解码器，适用于程序化视频生成、动画图形、运动设计、数据驱动视频和React动画转视频。关键词：视频渲染、React、Remotion、代码生成视频、程序化视频、动画制作、TSX转MP4、前端动画。
交互设计Skill interaction-design
交互设计是一种专注于通过反馈模式、微交互和可访问性设计来优化用户界面体验的技能，适用于设计加载状态、错误处理、动画指南等，提升用户体验和交互效果。关键词：交互设计、用户体验、UI设计、反馈模式、微交互、可访问性、前端开发。
Plate.js富文本编辑器实现指南Skill plate-handler
本技能指南详细介绍了如何使用Plate.js框架在React应用中构建和配置富文本编辑器。内容涵盖从安装、选择编辑器类型（简单评论编辑器或功能齐全的文档编辑器）到具体实现步骤的全过程。关键词包括：Plate.js、富文本编辑器、React编辑器、前端开发、内容编辑、WYSIWYG编辑器、插件配置、状态管理。
UI动画设计Skill ui-animation
UI动画设计技能专注于用户界面中的动画和运动效果，用于提升用户体验、提供反馈和引导用户操作。它涉及动画原理、时序控制、缓动函数等技术，适用于前端开发、移动应用设计等场景。关键词：UI动画、运动设计、前端开发、用户体验、交互设计。
国际化管理器Skill i18n-manager
国际化管理器是一个自动化工具，用于扫描项目代码中的硬编码用户字符串，提取并生成翻译文件，支持React、Vue、Python等多种框架，简化国际化流程。关键词：国际化、字符串提取、翻译文件、代码扫描、前端开发、后端开发、多语言支持。
Web界面设计指南合规审查技能Skill web-design-guidelines
这个技能用于自动审查UI代码的合规性，确保其遵循最新的Web界面设计指南。它能实时获取并应用指南规则，检查代码文件中的问题，并以简洁格式输出结果，适用于前端开发、用户体验优化和网站合规性审计。关键词：UI代码审查、Web设计指南、前端开发、可访问性检查、设计审核、UX审查、合规性检查。