前端开发 Skill技能列表

功能性setState更新Skill rerender-functional-setstate

4.5

React功能性setState更新是用于优化React组件中状态管理的技术,通过使用函数形式的setState来更新基于当前状态的状态值,防止闭包陈旧问题并减少不必要的性能开销。关键词:React,setState,闭包,性能优化,状态管理,前端开发。

Rspack配置与优化技能Skill rspack

4.5

此技能提供Rspack打包工具的详细指南,包括配置设置、插件使用、加载器编写、性能优化以及从Webpack迁移。关键词:Rspack、打包工具、前端构建、代码分割、热模块替换、Webpack兼容、配置优化、开发服务器、插件开发。

原子设计基础Skill atomic-design-fundamentals

4.5

原子设计基础技能用于应用Atomic Design方法论,将UI组件组织成夸克、原子、分子、有机体、模板和页面等层级,以构建可扩展、可维护的组件化用户界面设计系统。关键词包括原子设计、UI组件、设计系统、前端开发、组件化、可扩展性、可维护性。

Web前端构建工具Skill web-artifacts-builder

4.5

这是一个用于创建复杂多组件Claude.ai HTML前端工具的技能套件,使用React、Tailwind CSS、shadcn/ui等现代Web技术。适用于需要状态管理、路由或高级UI组件的项目,关键词包括前端开发、React、Tailwind CSS、shadcn/ui、构建工具。

ErrorBoundariesinReactSkill ErrorBoundariesinReact

4.5

在React应用程序中使用错误边界进行优雅错误处理,捕获JavaScript错误并显示备用UI以提高应用程序的弹性。

TypeScript开发技能Skill typescript

4.5

本技能提供TypeScript开发的专业知识,专注于为JARVIS AI助手实现类型安全,涵盖Vue组件、API路由、3D渲染和状态管理等领域,强调编译时错误预防和运行时数据验证。关键词:TypeScript,类型安全,AI助手,前端开发,全栈开发,Zod,Vue组件,API路由,3D渲染。

现代Web应用架构技能Skill modern-web-app-architecture

4.5

本技能提供现代Web应用架构的全面指导,涵盖SPA、SSR、SSG、RSC等渲染策略,专注于架构权衡、状态管理、性能优化、测试和团队扩展。关键词:Web应用、架构设计、前端开发、性能优化、SEO、状态管理、测试策略。

TanStackStart全栈开发框架Skill BunTanStackStart

4.5

TanStack Start 是一个基于 Bun 运行时的全栈 React 框架,用于快速构建现代 Web 应用。它支持文件路由、服务器函数、API 路由和错误处理,提高开发效率,适用于 SSR、构建优化和全栈开发场景。关键词:TanStack Start, React, 全栈开发, Bun, 文件路由, 服务器函数, Web 应用开发, SEO 优化。

Context7高效文档获取器Skill context7-efficient

4.5

Context7高效文档获取器是一款专为开发者设计的智能文档检索工具,通过创新的shell管道过滤技术实现高达86.8%的令牌节省。该工具能够智能获取JavaScript、Python、Go、Rust等主流编程语言的库文档、API参考、代码示例和最佳实践。核心功能包括智能库解析、代码示例提取、API签名过滤和概念解释,特别适用于React hooks查询、Next.js路由语法、Prisma使用模式等框架学习场景。主要关键词:文档获取、令牌优化、代码示例、API参考、开发工具、智能过滤、MCP技术、编程学习、框架文档、效率提升。

UX评估器Skill ux-evaluator

4.5

UX评估器是一个用于系统性评估用户界面(UI)组件用户体验(UX)质量的工具。它基于位置、视觉权重、间距三维分析框架,参照Balsamiq、尼尔森启发式等权威行业标准,提供客观、可操作的设计审查建议。适用于UI/UX设计师、前端开发者、产品经理进行界面优化、可用性检查、设计规范对齐。关键词:UX评估,UI审查,用户体验,设计规范,可用性测试,界面设计,三维分析框架。

Relay分页技术Skill relay-pagination

4.5

Relay 分页技术是一种基于游标的分页方法,用于在 GraphQL 和 React 前端应用中高效管理和加载大数据集,支持无限滚动、加载更多模式等场景。关键词:Relay 分页, GraphQL, 光标分页, 前端开发, 数据加载, 无限滚动, 缓存管理, React 钩子。

编码标准与最佳实践Skill coding-standards

4.5

这个技能提供了适用于TypeScript、JavaScript、React和Node.js开发的编码标准、最佳实践和模式,旨在提高代码质量、增强可读性和可维护性,适用于前端和后端软件开发。关键词包括编码标准、最佳实践、TypeScript、JavaScript、React、Node.js、代码质量、可维护性、软件开发。