前端开发 Skill技能列表
Figma设计令牌提取Skill figma-extract-tokens
这是一个用于从Figma文件中自动提取设计令牌和变量的技能，能生成多种代码格式如CSS、TypeScript和JSON，帮助前端开发者集成和维护设计系统，提升开发效率。关键词：Figma、设计令牌、前端开发、代码生成、设计系统。
Docusaurus高级配置Skill docusaurus-advanced
Docusaurus高级配置技能专注于掌握静态站点生成器Docusaurus的高级定制能力，包括TypeScript配置文件解析、插件集成、主题定制、MDX组件开发以及API集成。该技能涉及前端文档站点构建、技术文档开发、静态网站生成和React组件集成，适用于技术文档工程师、前端开发者和开源项目维护者。
前端开发指南Skill frontend-dev-guidelines
提供前端开发的最佳实践和指南，专注于React/TypeScript应用程序，覆盖Suspense数据获取、懒加载、TanStack Router路由、MUI v7样式、性能优化等现代技术。适用于前端开发者创建高效、可维护的应用程序，关键词：前端开发、React、TypeScript、Suspense、懒加载、TanStack Query、MUI、性能优化。
GPUI元素开发Skill gpui-element
GPUI 元素开发技能专注于使用 Rust 编程语言中的 GPUI 框架低级 Element API 来创建自定义用户界面组件，提供对布局、预绘制和绘制阶段的精细控制，适用于高性能、复杂的 UI 开发场景。关键词：Rust, GPUI, 自定义元素, UI 组件, 性能优化, 前端开发, Element API。
无障碍可访问性(WCAG)Skill accessibility-wcag
本技能专注于构建符合WCAG 2.1/2.2标准的无障碍Web应用，涉及语义HTML、ARIA属性、键盘导航、屏幕阅读器支持、包容性设计、合规测试和用户体验优化，适用于前端开发中确保所有用户（包括残疾人）能够访问和使用Web内容，提升Web可访问性和SEO友好性。
Zustand存储模式Skill zustand-store-patterns
这个技能是关于使用Zustand进行React状态管理的存储模式，用于优化应用性能和组织代码结构，包括存储定义、选择器、动作分离、性能优化等。关键词：Zustand, React, 状态管理, 存储模式, 前端开发, 性能优化。
ZustandTypeScript集成Skill zustand-typescript
这个技能专注于在TypeScript项目中集成Zustand状态管理库，提供类型安全的商店创建、选择器定义、切片模式、中间件使用等高级模式，帮助前端开发者构建可维护、高效和类型安全的React应用。关键词：Zustand, TypeScript, 状态管理, 类型安全, 前端开发, React, 商店创建, 选择器, 切片模式, 中间件。
组件库存Skill component-inventory
组件库存技能是一款用于自动化审计和盘点前端代码库中UI组件的工具。它能扫描React、Vue、Angular等框架的组件，识别重复项和变体，分析组件属性和使用频率，生成详细报告并提供整合建议。关键词：UI组件审计、代码库盘点、组件分析、前端代码扫描、设计系统管理、重复组件检测、React组件分析、Vue组件分析。
Svelte5开发Skill svelte-development
Svelte 5 开发是一种使用 Svelte 5 框架和 SvelteKit 构建现代 Web 应用程序的前端开发技能，涉及响应式设计、全栈开发、TypeScript 和测试，关键词包括 Svelte 5, SvelteKit, 前端开发, Web 应用, TypeScript, 响应式设计, 符文系统, 组件开发, API 路由, 测试
React最佳实践Skill react-best-practices
提供React模式，包括hooks、effects、refs和组件设计的最佳实践。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。
Web界面设计指南合规审查技能Skill web-design-guidelines
这个技能用于自动审查UI代码的合规性，确保其遵循最新的Web界面设计指南。它能实时获取并应用指南规则，检查代码文件中的问题，并以简洁格式输出结果，适用于前端开发、用户体验优化和网站合规性审计。关键词：UI代码审查、Web设计指南、前端开发、可访问性检查、设计审核、UX审查、合规性检查。
VueRouterv4路由管理技能Skill vue-router-v4
Vue Router v4 是一个用于 Vue 3 应用程序的前端路由管理库，提供路由配置、导航守卫、动态路由匹配、懒加载和代码分割等功能。适用于构建单页应用，支持 TypeScript 类型化路由和组合式 API。关键词：Vue Router v4, 前端开发, 路由管理, Vue 3, 导航守卫, 动态路由, 懒加载, TypeScript, SEO 搜索。