前端开发 Skill技能列表

Docusaurus文档站点开发技能Skill docusaurus

4.5

Docusaurus文档站点开发技能是专门用于快速构建、配置和管理基于React的现代化文档网站的工具。该技能提供完整的Docusaurus项目配置、侧边栏管理、版本控制、国际化支持、自定义插件开发、MDX组件集成、Algolia搜索配置等功能。适用于技术文档、API文档、产品手册等文档站点的快速开发和维护,支持多语言、多版本、可搜索的文档体系构建。关键词:Docusaurus文档站点、React文档开发、技术文档配置、版本控制文档、国际化文档、Algolia搜索、MDX组件、文档自动化。

Vue前端开发框架Skill vue

4.5

Vue.js 是一个用于构建用户界面的渐进式JavaScript框架,基于Vue 3,提供组合式API、响应式系统和内置组件,支持TypeScript和单文件组件开发,优化前端性能。关键词:Vue,前端开发,JavaScript框架,组合式API,响应式系统,TypeScript,单文件组件,性能优化。

TresJS三维前端开发技能Skill tresjs

4.5

TresJS是一个基于Vue 3的框架,专门用于使用Three.js构建交互式3D场景。它提供声明式组件、组合式函数和后期处理效果,简化前端开发中的3D应用构建过程,适合创建WebGL应用、3D可视化、游戏界面等。关键词:Vue 3, Three.js, 3D场景, 前端开发, TresCanvas, 组合式函数, 响应性, 后期处理, WebGL, 声明式编程

Plate.js富文本编辑器实现指南Skill plate-handler

4.5

本技能指南详细介绍了如何使用Plate.js框架在React应用中构建和配置富文本编辑器。内容涵盖从安装、选择编辑器类型(简单评论编辑器或功能齐全的文档编辑器)到具体实现步骤的全过程。关键词包括:Plate.js、富文本编辑器、React编辑器、前端开发、内容编辑、WYSIWYG编辑器、插件配置、状态管理。

PiniaColada数据获取技能Skill pinia-colada

4.5

Pinia Colada 是一个用于 Vue 和 Nuxt 的智能数据获取库,提供 useQuery 和 useMutation 等功能,用于处理异步状态、查询缓存、服务器端渲染(SSR)、查询失效、乐观更新等。关键词:Pinia Colada, Vue, Nuxt, 数据获取, 缓存, SSR, 异步状态管理, useQuery, useMutation。

前端开发模式Skill frontend-patterns

4.5

前端开发模式技能专注于使用React和Next.js等现代前端框架的最佳实践,涵盖组件设计、状态管理、性能优化、表单处理、错误边界、动画和可访问性等方面,帮助开发者构建高性能、可维护的用户界面。关键词:前端开发、React、Next.js、组件模式、状态管理、性能优化、SEO、Web开发。

RadixUI技能Skill radix-ui

4.5

Radix UI 技能是一个专注于使用 Radix UI 库构建现代化、高度可访问且可定制的前端组件的专家级助手。它擅长运用 Radix 提供的基础组件(Primitives),通过组合模式创建复杂的交互式UI,并确保严格遵循 WAI-ARIA 无障碍标准。无论是使用 CSS 还是 Tailwind CSS 进行样式设计,还是处理模态框、下拉菜单、标签页等复杂交互逻辑,该技能都能提供专业指导。 **关键词:** Radix UI, 前端组件库, 无障碍访问, WAI-ARIA, React 组件, 设计系统, Tailwind CSS, 组合模式, 交互设计, 前端开发

实现命令面板Skill implementing-command-palettes

4.5

本技能详细讲解如何在React中实现高效、响应式的命令面板(Cmd+K/Ctrl+K),涵盖键盘导航、滚动行为、过滤匹配和性能优化等关键技术。关键词:React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化、UI组件开发。

团队界面设计技能Skill team-uidesign

4.5

这是一个统一的团队技能,用于UI设计团队,支持多角色协作,包括协调员、研究员、设计师、审查员和实现者。它涵盖设计系统分析、设计令牌定义、组件规格、可访问性审计和代码实现,实现双轨设计+开发流程,提高界面设计效率和质量。关键词:UI设计、团队协作、设计系统、前端开发、可访问性、多角色工作流、设计智能、代码生成。

搜索与过滤实现Skill implementing-search-filter

4.5

该技能提供全栈搜索与过滤功能的实现方案,涵盖前端React/TypeScript组件和后端Python优化,适用于电商搜索、数据表过滤等场景,关键词:搜索、过滤、前端开发、后端开发、性能优化、可访问性、SEO、全栈开发。

前端构建工具套件Skill artifacts-builder

4.5

这是一个用于创建复杂前端HTML工件的工具套件,基于React、TypeScript、Vite、Tailwind CSS和shadcn/ui,特别适合需要状态管理、路由和多组件集成的项目。关键词包括:前端开发、React、HTML构建、工具套件、量化交易工具辅助(作为股票量化交易专家,此工具可用于构建交易界面和可视化组件)

国际化管理器Skill i18n-manager

4.5

国际化管理器是一个自动化工具,用于扫描项目代码中的硬编码用户字符串,提取并生成翻译文件,支持React、Vue、Python等多种框架,简化国际化流程。关键词:国际化、字符串提取、翻译文件、代码扫描、前端开发、后端开发、多语言支持。