前端开发 Skill技能列表
RadixUI技能Skill radix-ui
Radix UI 技能是一个专注于使用 Radix UI 库构建现代化、高度可访问且可定制的前端组件的专家级助手。它擅长运用 Radix 提供的基础组件（Primitives），通过组合模式创建复杂的交互式UI，并确保严格遵循 WAI-ARIA 无障碍标准。无论是使用 CSS 还是 Tailwind CSS 进行样式设计，还是处理模态框、下拉菜单、标签页等复杂交互逻辑，该技能都能提供专业指导。 **关键词：** Radix UI, 前端组件库, 无障碍访问, WAI-ARIA, React 组件, 设计系统, Tailwind CSS, 组合模式, 交互设计, 前端开发
React开发技能Skill react-development
React开发技能是专注于现代React应用构建的专业能力，提供React组件开发、Hooks模式实现、状态管理配置、性能优化和最佳实践指导。该技能涵盖TypeScript类型安全、自定义Hook设计、Context API和Redux状态管理、组件记忆化优化、React Testing Library测试等关键技术。适用于前端开发人员构建高性能、可维护的React应用，特别适合组件库开发、企业级应用架构设计和性能调优场景。
实现命令面板Skill implementing-command-palettes
React命令面板开发指南，涵盖Cmd+K快捷键面板的键盘导航、滚动定位、过滤搜索和性能优化。关键词：React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化
TypeScriptJSDoc文档编写Skill typescript-jsdoc
TypeScript JSDoc 文档编写技能专注于为TypeScript代码生成高效、清晰的JSDoc注释。它提供关于注释格式、最佳实践、策略性放置的指导，帮助开发者提升代码可读性、可维护性，并增强IDE的智能提示和文档支持。关键词：TypeScript, JSDoc, 代码文档, 注释规范, 开发工具, API文档, 代码维护, 编程规范。
Plate.js富文本编辑器实现指南Skill plate-handler
本技能指南详细介绍了如何使用Plate.js框架在React应用中构建和配置富文本编辑器。内容涵盖从安装、选择编辑器类型（简单评论编辑器或功能齐全的文档编辑器）到具体实现步骤的全过程。关键词包括：Plate.js、富文本编辑器、React编辑器、前端开发、内容编辑、WYSIWYG编辑器、插件配置、状态管理。
Context7高效文档获取器Skill context7-efficient
Context7高效文档获取器是一个智能开发工具，通过shell管道过滤技术实现86.8%的令牌节省，专门用于快速获取JavaScript、Python、Go、Rust等编程语言的库文档、代码示例和API参考。该工具支持React、Next.js、Prisma、Express等主流框架，提供智能过滤、代码示例提取和API签名识别功能，帮助开发者高效学习和使用各种开发库。
ChatKitWidget集成技能Skill chatkit-widget
在Next.js/React应用中安全配置和自定义OpenAI/ChatKit聊天小部件的专家集成。
Storybook组件开发助手Skill storybook
Storybook组件开发助手是一款专注于前端组件开发与文档化的专家工具。它提供Storybook配置、组件故事编写、交互测试、插件集成和自动化文档生成等核心功能，帮助开发者高效构建可复用、可测试、文档完善的UI组件库和设计系统。适用于React、Vue、Angular等主流前端框架，是提升团队协作效率和代码质量的关键工具。关键词：Storybook配置、组件故事、交互测试、UI文档、设计系统、前端组件库、React组件、Vue组件、自动化文档。
ScreenfullFullscreenAPISkill screenfull-fullscreen-api
这个技能提供了使用 screenfull 库在 Angular 项目中实现全屏功能的详细指南，包括基本全屏切换、特定元素全屏、图片画廊全屏和演示模式的实现，以及 API 参考和浏览器兼容性信息。
rxjs-patterns-for-angularSkill rxjs-patterns-for-angular
这项技能帮助开发者在Angular应用中使用RxJS实现响应式编程模式，包括Observables、操作符、订阅管理、错误处理等关键概念，并提供了与Angular信号集成的方法。
构建Next.js应用Skill building-nextjs-apps
本技能专注于使用Next.js 16框架构建现代化Web应用程序，涵盖从项目初始化、架构设计到部署的全流程。内容包括Next.js 16的重大变更（异步params/searchParams、Turbopack、缓存组件）、App Router模式、服务器组件与客户端组件的最佳实践、API路由设计、中间件配置（proxy.ts）、数据获取策略、项目结构规范以及开发工具集成（Next.js DevTools MCP）。适用于前端开发者、全栈工程师构建高性能、可扩展的React应用，特别适合需要SEO优化、服务器端渲染和现代化开发体验的项目。
高级前端设计与开发Skill frontend-design
此技能专注于创建高质量、独特的前端界面设计，避免通用AI美学。应用于网站、应用开发，注重创意、细节和代码质量，关键词包括前端设计、UI界面、创意开发、生产级代码、美学优化。