前端开发 Skill技能列表
TypeScript库开发Skill ts-library
这个技能专注于TypeScript库的高质量开发,提供从项目初始化到发布的完整指南,包括双格式支持、构建工具配置、API设计模式和测试策略。关键词:TypeScript、库开发、ESM、CJS、tsdown、unbuild、API设计、类型安全、vitest、CI/CD。
MUI无头UI组件库最佳实践Skill mui-base
这个技能提供了MUI Base UI的最佳实践指南,专为构建无头React组件库设计。它涵盖了组件模式、命名约定、组织方式、错误处理和样式规则,帮助开发者创建无样式UI组件、复合组件、实现无障碍优先模式,并支持受控和非受控组件模式。关键词:MUI, React, 组件库, 无头UI, 前端开发, 最佳实践。
内容集合工具Skill content-collections
内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具,专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成,并支持Zod模式验证和MDX组件,提升开发效率和内容管理的可靠性。关键词:内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。
Zustand状态管理技能Skill zustand
Zustand状态管理技能是一个专门用于实现React应用轻量级全局状态管理的专家系统。它提供Zustand库的完整实现方案,包括类型安全的存储创建、中间件集成(持久化、DevTools、Immer)、模块化切片设计、性能优化选择器、异步操作处理等核心功能。适用于前端开发、状态管理迁移、性能优化等场景,关键词包括:Zustand状态管理、React全局状态、TypeScript类型安全、状态持久化、性能优化选择器、模块化切片、中间件集成、前端开发工具。
功能性setState更新Skill rerender-functional-setstate
React功能性setState更新是用于优化React组件中状态管理的技术,通过使用函数形式的setState来更新基于当前状态的状态值,防止闭包陈旧问题并减少不必要的性能开销。关键词:React,setState,闭包,性能优化,状态管理,前端开发。
用户引导与帮助系统技能Skill guiding-users
该技能专注于设计和实现用户引导与帮助系统,包括产品导览、互动教程、工具提示、设置清单、帮助面板等,旨在提升用户体验、促进功能发现、增强用户激活。关键用于前端开发中的用户界面引导、上下文帮助、入职流程优化,并整合可访问性和数据分析。关键词:用户引导、产品导览、帮助系统、前端开发、用户体验、入职流程、可访问性。
Nuxt4核心框架基础Skill nuxt-core
这个技能专注于Nuxt 4框架的核心开发和配置,涵盖项目初始化、配置文件设置、文件路由实现、SEO优化和错误处理。适用于前端开发者快速构建现代化的Vue应用,提高开发效率和性能。关键词:Nuxt 4, Vue 3, 前端开发, 配置, 路由, SEO, 错误处理, 框架
React服务器组件框架Skill react-server-components-framework
本技能专注于使用 Next.js 15 的 App Router 构建现代 Web 应用,核心是掌握 React 服务器组件。它详细讲解了服务器优先架构、流式服务器端渲染、服务器操作以及高效的数据获取模式。内容涵盖组件边界设计、性能优化、高级路由(如并行路由和拦截路由)以及从旧版 Pages Router 的迁移策略。适用于希望构建高性能、SEO友好且具有优秀用户体验的下一代 React 应用的前端开发者。关键词:React Server Components, Next.js 15, 服务器端渲染, 流式渲染, App Router, 前端架构, 性能优化。
Knip死代码检测最佳实践Skill knip-deadcode
这个技能是关于使用 Knip 工具来检测和移除 JavaScript 和 TypeScript 项目中的未使用代码,包括配置最佳实践、CI 集成、性能优化等。关键词:Knip, 死代码检测, JavaScript, TypeScript, 代码清理, 性能优化, CI/CD, 前端开发, 代码质量。
Claude前端神器构建器Skill artifacts-builder
该技能是一个前端开发工具套件,专门用于为Claude.ai创建复杂、多组件的HTML神器,采用React、Tailwind CSS和shadcn/ui等现代技术,支持状态管理和路由,适用于构建高级前端项目。关键词:前端开发,React,Tailwind CSS,shadcn/ui,HTML神器,Claude.ai。
Vue/Nuxt安全前端开发技能Skill vue-nuxt
此技能专注于使用 Vue 3 和 Nuxt 3 构建 JARVIS AI 助手的用户界面,强调安全第一的开发模式,包括响应式 3D HUD 组件、服务器端渲染、性能优化和安全处理用户输入。关键词:Vue 3, Nuxt 3, 前端开发, 安全开发, 3D HUD, AI助手UI, 性能优化, 测试驱动开发, TypeScript。
nuqs最佳实践Skill nuqs
本技能提供nuqs在Next.js应用中实现类型安全URL查询状态管理的最佳实践指南,包含42条规则,覆盖8个类别,帮助开发者进行代码生成、重构和代码审查。关键词:nuqs, Next.js, URL状态, 查询参数, 类型安全, 前端开发。