前端开发 Skill技能列表

Nuxt模块开发Skill nuxt-modules

4.5

Nuxt模块开发技能专注于创建和维护Nuxt框架的扩展模块,用于增强前端应用功能。涉及关键词:Nuxt模块、Vue.js开发、前端扩展、npm发布、CI/CD自动化、E2E测试、模块化开发、Kit实用工具。

实现拖放与可排序接口Skill implementing-drag-drop

4.5

这个技能用于通过React和TypeScript实现拖放和可排序功能,适用于看板、列表排序、文件上传等场景,注重无障碍性、触摸支持和性能优化,关键词包括:拖放、React、TypeScript、前端开发、UI交互、可排序、看板、文件上传。

BunNuxt开发Skill "BunNuxt"

4.5

这个技能专注于使用 Bun JavaScript 运行时来开发和运行 Nuxt 3 应用程序。它包括项目初始化、依赖安装、开发服务器、构建、预览和部署。涉及配置 Nuxt 项目以利用 Bun 的性能优势,使用 Bun APIs 如数据库操作和文件处理,以及部署到生产环境。关键词:Bun, Nuxt, Vue, 前端开发, 服务器端渲染, 部署, DevOps, 快速开发, 性能优化。

TypeScript语言专长Skill typescript

4.5

这个技能专注于编写类型安全、可维护和生产质量的TypeScript代码,覆盖高级类型系统特性、严格模式配置、模块系统和常见设计模式。适用于前端和后端开发,与React、Node.js、Zod、tRPC、Prisma等现代框架集成。关键词:TypeScript, 类型安全, 前端开发, 后端开发, React, Node.js, 泛型, 类型守卫, Zod, tRPC, Prisma, SEO优化。

Knip死代码检测最佳实践Skill knip-deadcode

4.5

这个技能是关于使用 Knip 工具来检测和移除 JavaScript 和 TypeScript 项目中的未使用代码,包括配置最佳实践、CI 集成、性能优化等。关键词:Knip, 死代码检测, JavaScript, TypeScript, 代码清理, 性能优化, CI/CD, 前端开发, 代码质量。

VercelAISDKv5前端React钩子Skill ai-sdk-ui

4.5

这个技能提供 Vercel AI SDK v5 的 React 钩子,用于构建 AI 驱动的用户界面,特别是聊天、完成和结构化对象生成。它支持流式响应、错误处理、Next.js 集成等,适用于 React/Next.js 应用中的 AI 功能开发。关键词:AI SDK, useChat, useCompletion, useObject, React, Next.js, 流式响应, AI 聊天界面, 前端开发。

ArkUISkill ark-ui

4.5

Ark UI是一个用于快速开发Web用户界面的前端框架,提供丰富的UI组件和工具,支持响应式设计和跨平台兼容性。它帮助开发者简化界面构建过程,提升开发效率和应用性能。关键词:Ark UI, 前端开发, UI框架, 组件库, Web应用, 响应式设计, 开源框架

React19开发指南Skill react-19

4.5

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

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

4.5

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

设计导航架构Skill design-navigation

4.5

这个技能用于设计和实现网站和应用的导航系统,包括主菜单、页脚菜单、巨型菜单和面包屑导航。它提供全面的导航架构,确保可访问性和用户体验。关键词:导航设计,网站架构,用户体验,可访问性,菜单系统,面包屑导航,巨型菜单。

Pinia状态管理技能Skill pinia

4.5

这个技能提供 Pinia 状态管理专长,用于在 JARVIS AI 助手中管理应用状态,包括系统指标、用户偏好和 HUD 配置。它专注于前端开发,使用 Vue.js 和 TypeScript 实现类型安全和高效状态管理,适用于实时数据同步和 SSR 安全场景。关键词:Pinia, Vue.js, 状态管理, TypeScript, 前端开发, JARVIS, 实时同步, SSR 安全。

ReactHookForm性能优化技能Skill react-hook-form

4.5

这个技能提供 React Hook Form 库的性能优化最佳实践,专注于客户端表单验证,包括使用 useForm、useWatch、useController 和 useFieldArray 等钩子的技巧,帮助开发者提升表单应用的性能和效率。关键词:React Hook Form, 性能优化, 客户端表单验证, useForm, useWatch, useController, useFieldArray, 最佳实践。