前端开发 Skill技能列表
ZustandTypeScript集成Skill zustand-typescript
这个技能专注于在TypeScript项目中集成Zustand状态管理库,提供类型安全的商店创建、选择器定义、切片模式、中间件使用等高级模式,帮助前端开发者构建可维护、高效和类型安全的React应用。关键词:Zustand, TypeScript, 状态管理, 类型安全, 前端开发, React, 商店创建, 选择器, 切片模式, 中间件。
前端开发指南Skill frontend-dev-guidelines
提供前端开发的最佳实践和指南,专注于React/TypeScript应用程序,覆盖Suspense数据获取、懒加载、TanStack Router路由、MUI v7样式、性能优化等现代技术。适用于前端开发者创建高效、可维护的应用程序,关键词:前端开发、React、TypeScript、Suspense、懒加载、TanStack Query、MUI、性能优化。
CSS开发重构Skill css-development-refactor
CSS开发重构技能专注于将现有CSS代码从内联样式和工具类模式转换为语义化、可维护的组件模式。该技能实现CSS代码优化、样式提取、深色模式集成、测试覆盖和代码重构,提升前端项目的可维护性和一致性。关键词:CSS重构、语义化CSS、Tailwind工具类、深色模式、样式提取、前端优化、代码维护、组件化CSS、测试覆盖、样式迁移。
智能文档助手Skill context7
Context7智能文档助手是一款专为开发者设计的AI工具,能够实时获取和查询最新技术库文档。通过API接口,该技能可快速搜索React、Next.js、Supabase等主流开发框架的官方文档,提供准确的API参考、最佳实践和版本信息。关键词:文档查询、API参考、开发工具、实时文档、技术库搜索、编程助手、版本管理、开发效率。
现代JavaScript模式Skill modern-javascript-patterns
这个技能用于掌握现代JavaScript(ES6+)的核心特性,如箭头函数、解构赋值、扩展运算符、模板字符串、Promise、async/await、模块系统、迭代器和生成器,以及函数式编程模式。适用于重构老旧代码、实现现代编程模式、优化JavaScript应用性能、编写可维护和高效的代码,特别是在Web开发中处理异步操作和数据转换。关键词包括:JavaScript, ES6, 前端开发, 异步编程, 函数式编程, 代码优化。
SEO处理技能Skill seo-handler
SEO处理技能是一个针对Next.js框架的搜索引擎优化管理工具。它专注于站点地图管理、元数据配置、结构化数据生成、服务器端渲染优化和爬虫控制,旨在提升网站在Google、百度等搜索引擎中的排名和可见性。核心功能包括自动生成站点地图、优化OpenGraph标签、注入JSON-LD结构化数据、配置ISR缓存策略以及管理robots.txt文件。适用于前端开发者、SEO工程师和网站管理员,帮助实现技术SEO的最佳实践。
TypeScript语言专长Skill typescript
这个技能专注于编写类型安全、可维护和生产质量的TypeScript代码,覆盖高级类型系统特性、严格模式配置、模块系统和常见设计模式。适用于前端和后端开发,与React、Node.js、Zod、tRPC、Prisma等现代框架集成。关键词:TypeScript, 类型安全, 前端开发, 后端开发, React, Node.js, 泛型, 类型守卫, Zod, tRPC, Prisma, SEO优化。
Docusaurus高级配置Skill docusaurus-advanced
Docusaurus高级配置技能专注于掌握静态站点生成器Docusaurus的高级定制能力,包括TypeScript配置文件解析、插件集成、主题定制、MDX组件开发以及API集成。该技能涉及前端文档站点构建、技术文档开发、静态网站生成和React组件集成,适用于技术文档工程师、前端开发者和开源项目维护者。
Apollo客户端模式Skill apollo-client-patterns
该技能用于在React应用中实现Apollo Client的GraphQL模式,包括查询、突变、缓存管理、本地状态处理等。关键词:Apollo Client, GraphQL, React, 缓存, 状态管理, 前端开发。
PiniaSkill pinia
Pinia是Vue.js官方状态管理库,提供类型安全、可扩展的状态管理解决方案。本技能涵盖Pinia核心概念、功能特性、最佳实践及高级应用,帮助开发者掌握Vue应用状态管理、存储定义、响应式数据处理、插件开发、SSR集成、单元测试等关键技术。适用于Vue 2/3项目开发,提升前端应用架构质量。
Avalonia布局与Zafiro.Avalonia技能Skill avalonia-layout-zafiro
本技能专注于通过 Zafiro.Avalonia 库实现 Avalonia UI 的现代化、清洁和可维护布局,利用语义容器、共享样式和最小化 XAML 冗余,提升开发效率和代码质量。关键词:Avalonia UI, Zafiro.Avalonia, UI布局优化, 语义容器, 共享样式, XAML简化, 前端开发。
TanStackQueryv5常见陷阱指南Skill pitfalls-tanstack-query
本指南详细介绍了 TanStack Query v5 在数据获取、缓存管理和状态同步中的常见陷阱与最佳实践。内容涵盖 useQuery、useMutation、queryKey 配置、缓存失效策略、乐观更新模式以及从 v4 到 v5 的迁移要点。适用于前端开发者解决 React 应用中的数据状态管理问题,提升应用性能和用户体验。关键词:TanStack Query,React Query,数据获取,缓存失效,状态管理,前端开发,useQuery,useMutation,v5 迁移。