前端开发 Skill技能列表

⚡

VuexVue2状态管理Skill vuex-vue2

4.5

此技能提供Vuex 2.x在Vue 2应用程序中状态管理的全面指导,涵盖核心概念如状态、获取器、突变、动作和模块,以及安装、API参考、最佳实践和高级功能。关键词:Vuex、Vue 2、状态管理、前端开发、JavaScript框架、存储管理、异步操作。

⚡

HTML工件构建器Skill artifacts-builder

4.5

此技能用于创建交互式HTML工件,如迷你应用、数据可视化、计算器和工具,可以嵌入网站或作为独立应用使用。适用于前端开发、网页设计和交互式内容创建。关键词:HTML, JavaScript, 交互式应用, 数据可视化, 网页开发, Claude.ai工具, 前端构建。

⚡

Docusaurus文档站点开发技能Skill docusaurus

4.5

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

⚡

React19开发指南Skill react-19

4.5

本指南提供了React 19开发的核心概念、模式和最佳实践,包括Actions、Server Components和新的hooks,旨在帮助开发者构建高性能的React应用。

⚡

GPUI组件开发Skill new-component

4.5

这个技能用于开发GPUI框架下的用户界面组件,包括无状态和有状态组件,遵循现有模式和样式一致性,适用于前端开发、UI设计和组件库构建。关键词:GPUI组件、前端开发、UI设计、组件库、无状态组件、有状态组件、Shadcn UI。

⚡

Slack动图制作工具Skill slack-gif-creator

4.5

Slack动图制作工具是一个专门用于创建和优化Slack平台动画GIF的Python工具包。提供GIF构建器、验证工具、缓动函数和动画概念,帮助开发者高效制作符合Slack尺寸、帧率和文件大小要求的动态表情符号和消息GIF。关键词:Slack GIF制作,动画GIF优化,Python动图生成,表情符号制作,PIL图像处理,GIF文件压缩,动效设计工具。

⚡

React专家Skill react-expert

4.5

此技能用于前端开发,专注于使用 React 19 及更高版本构建高性能、可访问的 Web 应用程序,涵盖组件架构、钩子模式、状态管理、性能优化等核心领域。适用于服务器组件、Suspense 边界、现代数据获取等高级特性。关键词:React, 前端开发, TypeScript, 状态管理, 性能优化, 服务器组件, 钩子模式, 可访问性。

⚡

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

4.5

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

⚡

屏幕阅读器技能Skill screen-reader

4.5

本技能专注于Web和软件的无障碍访问,特别是针对屏幕阅读器的兼容性测试与优化。它提供专家级指导,帮助开发者确保内容能被视障用户准确感知,涵盖阅读顺序管理、焦点控制、播报信息处理以及编写符合WCAG标准的可访问内容。关键词包括:屏幕阅读器、无障碍访问、Web可访问性、WCAG、前端测试、用户体验、辅助技术、NVDA、VoiceOver。

⚡

ReactContext模式Skill react-context-patterns

4.5

React Context模式是一种用于在React应用中共享状态和管理全局数据的技术,有效避免prop drilling,提升组件复用性和应用性能。适用于前端开发中的状态管理、认证、主题切换、通知系统、模态框管理、表单处理等场景。关键词:React, Context, 状态管理, 前端开发, 组件通信, 性能优化, TypeScript, 全局状态, prop drilling避免。

⚡

TailwindCSS样式设计技能Skill tailwind-css

4.5

Tailwind CSS样式设计专家指南,专注于移动优先响应式设计、自定义主题和实用优先方法。提供组件样式、响应式布局、深色模式支持、可访问性优化和性能调优。适用于前端开发、UI组件设计、仪表板布局、Web应用界面开发。关键词:Tailwind CSS, 移动优先设计, 响应式布局, 深色模式, 实用优先, 组件样式, 前端开发, UI设计, 可访问性, 性能优化

⚡

前端路由Skill frontend-routing

4.5

前端路由技能涉及使用React Router、Vue Router和Angular Router实现客户端路由,包括多页面导航、URL状态管理、受保护路由、组件懒加载和查询参数处理。