前端开发 Skill技能列表
Shopify开发Skill shopify
此技能专注于在Shopify电子商务平台上构建应用、扩展和主题，涉及使用GraphQL/REST API、Shopify CLI、Polaris UI组件和Liquid模板语言进行全栈开发。关键词：Shopify开发、电子商务平台、应用开发、主题定制、API集成、前端UI、后端逻辑、扩展功能。
UI设计技能（Web）Skill ui-web
这个技能涵盖了Web UI设计的现代趋势和技术，包括玻璃形态效果、Tailwind CSS框架的应用、暗色模式的实现，以及确保可访问性的核心原则。关键词包括：玻璃形态、Tailwind、暗色模式、可访问性。
TypeScript高级类型Skill typescript-advanced-types
TypeScript高级类型技能用于掌握TypeScript语言的高级类型系统，包括泛型、条件类型、映射类型、模板文字类型和实用类型，帮助开发者构建类型安全的应用程序，提高代码可维护性和编译时安全性。关键词：TypeScript, 高级类型, 类型安全, 泛型, 条件类型, 映射类型, 模板文字类型, 实用类型, 应用程序开发, 类型推断。
ChatKitWidget集成技能Skill chatkit-widget
在Next.js/React应用中安全配置和自定义OpenAI/ChatKit聊天小部件的专家集成。
Slack动图制作工具Skill slack-gif-creator
Slack动图制作工具是一个专门用于创建和优化Slack平台动画GIF的Python工具包。提供GIF构建器、验证工具、缓动函数和动画概念，帮助开发者高效制作符合Slack尺寸、帧率和文件大小要求的动态表情符号和消息GIF。关键词：Slack GIF制作，动画GIF优化，Python动图生成，表情符号制作，PIL图像处理，GIF文件压缩，动效设计工具。
正则表达式性能优化Skill js-hoist-regexp
这个技能用于优化前端React应用中的正则表达式使用，通过将RegExp创建提升到模块作用域或使用React的useMemo钩子进行记忆化，避免在每次渲染或函数调用时重复创建，从而提高性能并减少内存开销。关键词：React性能优化, 正则表达式提升, useMemo记忆化, 前端开发技巧, JavaScript最佳实践。
网页排版Skill web-typography
这个技能用于优化网页排版的设计与实现，提升内容的可读性和用户体验。它包括字体选择、评估、配对、排版测量设置、响应式设计、类型层次构建和字体加载性能优化。关键词：网页排版、字体设计、CSS排版、响应式设计、Web性能、用户体验。
Three.js交互式3D可视化构建技能Skill three-js-interactive-builder
该技能用于基于Three.js库开发交互式3D可视化应用，专注于算法艺术生成、神圣几何设计、时间动画效果和模块化架构。适用于WebGL可视化、生成艺术创作、交互体验设计、粒子系统和流场模拟等项目。关键词：Three.js, 3D可视化, 算法艺术, 交互设计, WebGL, 神圣几何, 时间动画, 模块化开发。
Relay片段模式Skill relay-fragments-patterns
这个技能专注于使用Relay的片段模式来构建可维护的React应用程序。通过组件级数据声明、自动组合、数据掩码和优化数据获取，实现高效的数据依赖管理和组件共位，适用于数据密集型应用如社交媒体、电商平台等。关键词：Relay、React、GraphQL、片段、数据掩码、组件共位、前端开发。
nuqs最佳实践Skill nuqs
本技能提供nuqs在Next.js应用中实现类型安全URL查询状态管理的最佳实践指南，包含42条规则，覆盖8个类别，帮助开发者进行代码生成、重构和代码审查。关键词：nuqs, Next.js, URL状态, 查询参数, 类型安全, 前端开发。
Knip死代码检测最佳实践Skill knip-deadcode
这个技能是关于使用 Knip 工具来检测和移除 JavaScript 和 TypeScript 项目中的未使用代码，包括配置最佳实践、CI 集成、性能优化等。关键词：Knip, 死代码检测, JavaScript, TypeScript, 代码清理, 性能优化, CI/CD, 前端开发, 代码质量。
前端可访问性Skill frontend-accessibility
前端可访问性技能涉及使用语义化HTML、ARIA、键盘导航和屏幕阅读器支持来构建符合WCAG标准的可访问Web应用程序，确保所有用户都能获得包容性的体验。