前端开发 Skill技能列表
TypeScript编程技能Skill skill-name
这个技能是关于使用TypeScript进行高效Web开发和编程的，提供核心模式示例、快速入门指南和常见应用场景。关键词：TypeScript, JavaScript, 前端开发, 后端开发, Web开发, 编程技能, TypeScript示例, 代码实现。
网络可访问性Skill web-accessibility
这个技能专注于通过实现WCAG标准、ARIA模式、键盘导航和屏幕阅读器支持，来构建可访问的网络应用程序，确保所有用户，包括残障人士，都能平等访问网络内容。关键词：网络可访问性、WCAG、ARIA、前端开发、无障碍设计、SEO可访问性、键盘导航、屏幕阅读器。
UX设计系统Skill ux-design-systems
UX设计系统是一种用于构建一致、可维护的用户界面设计的方法，通过设计token、组件库和主题系统实现。适用于前端开发、组件化设计和样式管理，提高开发效率和设计一致性。关键词：设计系统，设计token，组件库，主题化，暗模式，前端开发，用户界面。
HebcalAPI集成Skill shabbat-times
这个技能用于通过 Hebcal API 获取犹太日历数据、Shabbat 时间、Hebrew 日期转换和 Zmanim，适用于构建需要 Jewish 日历信息的应用程序，如宗教应用、日程管理工具等。关键词：Hebcal API, 犹太日历, Shabbat 时间, Hebrew 日期, 日历 API, 宗教数据。
移动响应式网页开发Skill mobile-responsiveness
移动响应式网页开发技能专注于构建响应式、移动优先的网页应用，涵盖响应式布局设计、触摸交互优化、移动导航实现和屏幕尺寸适配。关键词包括移动响应式、前端开发、CSS、React、响应式设计、移动优先、断点、触摸事件、视口优化。
FigmaAPI集成与设计自动化Skill figma
这个技能用于通过Figma API提取设计令牌、生成React/CSS代码、同步设计系统、自动化设计到代码工作流，并支持Figma插件开发和Dev模式集成。关键词包括Figma API、设计令牌、代码生成、前端开发、自动化工作流、React组件、Tailwind CSS、设计系统。
Web组件设计Skill web-component-design
这个技能专注于使用React、Vue和Svelte等现代前端框架设计和实现可重用的UI组件，涵盖CSS-in-JS样式方法、组件组合模式（如复合组件、渲染属性）、API设计等，适用于构建组件库、前端设计系统和提升代码可维护性。关键词：React, Vue, Svelte, CSS-in-JS, 组件设计, 前端开发, UI组件, 可重用架构, 组合模式, 样式管理。
响应式设计Skill responsive-design
响应式设计是一种现代网页开发技能，用于创建自适应不同屏幕尺寸和设备的用户界面。它涵盖容器查询、流体排版、CSS网格、移动优先断点策略等核心技术，关键词包括响应式布局、自适应设计、前端开发、网页优化和用户体验，适合SEO搜索。
交互设计Skill interaction-design
交互设计技能专注于通过微交互、运动设计、状态过渡和用户反馈模式来提升用户界面的交互体验和可用性。它用于实现平滑的动画效果、加载状态设计、手势交互等，以增强用户满意度和界面直观性。关键词：交互设计、微交互、UI动画、前端开发、用户体验优化。
设计系统模式Skill design-system-patterns
设计系统模式是一种用于构建可扩展设计系统的技能，涵盖设计令牌、主题基础设施和组件架构，适用于前端开发、UI设计和跨平台应用开发，关键词包括设计系统、设计令牌、主题切换、组件库、前端开发、UI设计。
可访问性合规Skill accessibility-compliance
这个技能用于实现符合WCAG 2.2标准的可访问性接口，支持移动设备、包容性设计模式和辅助技术，提升网页和应用的包容性体验。关键词：可访问性、WCAG、ARIA、屏幕阅读器、键盘导航、无障碍设计、前端开发、UI/UX。
TypeScript高级类型Skill typescript-advanced-types
TypeScript高级类型技能用于掌握TypeScript语言的高级类型系统，包括泛型、条件类型、映射类型、模板文字类型和实用类型，帮助开发者构建类型安全的应用程序，提高代码可维护性和编译时安全性。关键词：TypeScript, 高级类型, 类型安全, 泛型, 条件类型, 映射类型, 模板文字类型, 实用类型, 应用程序开发, 类型推断。