前端开发 Skill技能列表
AnimationPatternsinReactSkill AnimationPatternsinReact
在React中使用Framer Motion、GSAP、React Spring和CSS动画创建高效、可访问的动画，包含最佳实践。
ScreenfullFullscreenAPISkill screenfull-fullscreen-api
这个技能提供了使用 screenfull 库在 Angular 项目中实现全屏功能的详细指南，包括基本全屏切换、特定元素全屏、图片画廊全屏和演示模式的实现，以及 API 参考和浏览器兼容性信息。
Maz-UI前端组件库技能Skill maz-ui
此技能涉及使用Maz-UI库进行Vue和Nuxt前端开发，包括组件集成、主题定制、国际化实现、SSR支持等，适用于构建现代化Web应用程序。关键词：Vue开发, Nuxt开发, 组件库, 前端UI, 主题化, 国际化, SSR, 响应式设计, 暗模式
表单验证Skill form-validation
使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证，包括客户端验证、服务器端同步和实时错误反馈。
前端UI/UX设计开发Skill frontend-ui-ux
前端UI/UX设计开发技能，专注于用户界面和用户体验的设计与实现，涵盖组件设计、响应式布局、设计系统一致性、可访问性合规等核心能力，适用于网页和应用程序开发，便于SEO搜索关键词如前端开发、UI设计、UX设计、网页设计、组件开发、响应式设计、设计系统、可访问性。
SEO优化器Skill seo-optimizer
SEO优化器是一款专为HTML/CSS网站设计的搜索引擎优化工具。它能自动分析网站代码，识别并修复SEO问题，如缺失的元标签、标题结构、图片Alt属性等，并生成详细的优化报告。该工具支持实施结构化数据标记（Schema Markup）、生成XML站点地图（Sitemap）、优化移动端体验等高级功能，帮助网站提升在Google、百度等搜索引擎中的排名和可见性。关键词：SEO优化，网站分析，元标签，结构化数据，站点地图，搜索引擎排名。
Vue开发技能Skill vue-development
Vue 3开发技能，专注于组合式API、响应式系统、组件模式、TypeScript集成和最佳实践。提供Vue 3应用程序构建的专家级指导，包括组件开发、状态管理、路由配置、依赖注入等核心功能。适用于前端开发人员构建现代化、可维护的Vue应用。关键词：Vue 3开发，组合式API，TypeScript集成，前端框架，响应式编程，组件化开发，Vue Router，状态管理，前端架构
ChatKitWidget集成技能Skill chatkit-widget
在Next.js/React应用中安全配置和自定义OpenAI/ChatKit聊天小部件的专家集成。
rxjs-patterns-for-angularSkill rxjs-patterns-for-angular
这项技能帮助开发者在Angular应用中使用RxJS实现响应式编程模式，包括Observables、操作符、订阅管理、错误处理等关键概念，并提供了与Angular信号集成的方法。
自动动画Skill auto-animate
AutoAnimate 是一个零配置的前端动画库，适用于 React、Vue、Svelte 等框架，可自动为列表过渡、手风琴、提示消息等添加平滑动画效果。它轻量级、易于集成，并支持 SSR 安全。关键词：自动动画，零配置动画，React动画，Vue动画，轻量动画，前端开发，动画库。
TypeScriptJSDoc文档编写Skill typescript-jsdoc
TypeScript JSDoc 文档编写技能专注于为TypeScript代码生成高效、清晰的JSDoc注释。它提供关于注释格式、最佳实践、策略性放置的指导，帮助开发者提升代码可读性、可维护性，并增强IDE的智能提示和文档支持。关键词：TypeScript, JSDoc, 代码文档, 注释规范, 开发工具, API文档, 代码维护, 编程规范。
前端开发指南Skill frontend-dev-guidelines
Next.js 15 应用的前端开发指南，涵盖 React 19、TypeScript、Shadcn/ui、Tailwind CSS 等现代开发模式，包括 Server Components、Client Components、App Router、文件结构、组件、性能优化和 TypeScript 最佳实践。