前端开发 Skill技能列表

⚡

delon-chartSkill delon-chart

4.5

@delon/chart 是一个基于 G2Plot 的企业级图表组件库,专为 Angular 框架设计,特别适用于 ng-alain 企业级中后台应用。该技能提供丰富的图表类型,包括条形图、饼图、雷达图、时间线图等,支持响应式布局、数据可视化、实时更新和性能优化。关键词:Angular 图表组件、G2Plot 可视化、企业级仪表板、数据可视化库、ng-alain 集成、响应式图表、前端数据展示、商业智能 BI 组件。

⚡

Apollo缓存策略Skill apollo-caching-strategies

4.5

Apollo缓存策略是用于Apollo Client的缓存管理技术,包括缓存策略配置、乐观UI更新、缓存持久化和规范化等核心功能。它帮助开发者构建高性能的GraphQL应用,优化数据获取、状态管理和用户体验,适用于数据密集型前端开发。关键词:Apollo缓存、GraphQL、前端性能、状态管理、乐观更新。

⚡

Next.js15模式与最佳实践Skill nextjs-15-patterns

4.5

本技能是关于 Next.js 15 框架中 App Router 的核心开发模式与最佳实践的总结。它详细讲解了服务器组件与客户端组件的区别与使用场景、如何利用 Server Actions 进行数据变更、高效的数据获取策略、路由处理器的构建、元数据的动态生成、并行路由的实现,以及一系列提升应用性能与开发效率的最佳实践。关键词包括:Next.js 15, App Router, 服务器组件, 客户端组件, Server Actions, 数据获取, 路由处理器, 元数据, 并行路由, 最佳实践, React 框架, 全栈开发。

⚡

Markdown表格格式化工具Skill md-tables

4.5

这个技能用于修复和格式化Markdown表格,解决对齐和间距问题,适用于文档编写和表格生成。关键词包括:Markdown表格、表格格式化、对齐列、间距修复、文档工具、自动表格优化、Markdown文档处理。

⚡

构件生成器Skill artifacts-builder

4.5

构件生成器是一套工具,用于使用React、TypeScript、Vite、Tailwind CSS和shadcn/ui等现代前端技术构建复杂的、多组件的HTML构件,可捆绑成单个HTML文件以便共享。关键词:构件生成器、前端开发、React、TypeScript、HTML构件、捆绑工具、claude.ai、前端工具、响应式设计。

⚡

React异步模式Skill react-async-patterns

4.5

React 中异步/等待的正确性,使用 Zustand。用于调试竞态条件、遗漏的等待、悬浮承诺或异步定时问题。适用于 React Web 和 React Native。

⚡

WebBuild&Deploy(React)Skill web-build-deploy

4.5

这份指南提供了构建和部署React应用程序的详细步骤,包括Vercel和Netlify的部署指南、Docker部署、GitHub Actions CI/CD工作流、环境变量配置、构建优化技巧以及健康检查和监控设置。

⚡

TypeScript高级类型Skill typescript-advanced-types

4.5

TypeScript高级类型技能用于掌握TypeScript语言的高级类型系统,包括泛型、条件类型、映射类型、模板文字类型和实用类型,帮助开发者构建类型安全的应用程序,提高代码可维护性和编译时安全性。关键词:TypeScript, 高级类型, 类型安全, 泛型, 条件类型, 映射类型, 模板文字类型, 实用类型, 应用程序开发, 类型推断。

⚡

代码审查助手Skill review

4.5

这是一个用于在代码提交前进行系统性审查的技能。它通过执行Git命令收集变更、读取文件、分析代码质量(包括正确性、性能、安全性和TypeScript类型)、对照项目编码规范检查,并结构化输出审查报告。该技能旨在帮助开发者确保代码质量、遵循最佳实践、发现潜在问题,并促进团队协作。关键词:代码审查,Git变更分析,代码质量检查,TypeScript规范,React最佳实践,性能优化,安全漏洞扫描,自动化代码审计。

⚡

React服务器端动作Skill react-server-actions

4.5

React服务器端动作是一种在Next.js 14+框架中实现的功能,用于安全处理表单提交和服务器端数据操作,无需API路由。它支持渐进增强、服务器端验证、文件上传和乐观UI更新,适用于现代Web开发中的表单处理、服务器突变和性能优化场景。关键词:React Server Actions, Next.js, 表单处理, 服务器端突变, 渐进增强, 安全性, 缓存重新验证, 文件上传, 乐观UI更新, Web开发。

⚡

网页设计指南审查Skill web-design-guidelines

4.5

这个技能用于审查UI代码是否符合Web Interface Guidelines,提升网站的可访问性、用户体验和设计质量,确保遵循最佳实践。关键词包括:UI审查、可访问性检查、设计审计、UX评估、网页指南、代码合规性、前端开发、网页设计、用户体验优化。

⚡

Zustand中间件技能Skill zustand-middleware

4.5

Zustand中间件技能用于实现JavaScript状态管理库Zustand的中间件功能,包括持久化存储、Redux DevTools集成、使用Immer进行不可变更新和自定义中间件开发。适用于前端开发中的状态管理优化,提高应用性能和可维护性。关键词:Zustand, 中间件, 持久化, DevTools, Immer, 前端开发, 状态管理, 不可变更新, 自定义中间件