前端开发 Skill技能列表

JavaScript开发专家Skill javascript-expert

4.5

JavaScript开发专家技能专精于利用现代JavaScript技术(包括ES6+、Node.js、浏览器API)开发高性能、安全、可维护的应用程序,涵盖异步编程、性能优化、安全编程、测试驱动开发等关键领域,适用于前端和后端开发场景。关键词:JavaScript开发、ES6特性、Node.js、浏览器API、异步编程、性能优化、安全编程、TDD测试。

静态JSX元素提升渲染优化Skill rendering-hoist-jsx

4.5

该技能用于在 React 前端开发中优化 JSX 渲染性能,通过提取静态 JSX 元素到组件外部,避免每次渲染时的重新创建,提高应用效率和响应速度,特别适用于大型静态 SVG 节点。关键词包括:React、JSX、渲染优化、静态元素、性能提升、前端开发、性能优化。

Zustand高级模式Skill zustand-advanced-patterns

4.5

Zustand 高级模式是一种前端状态管理技术,专为React应用程序设计,提供瞬态更新、乐观更新、撤销重做、存储组合等高级功能,用于优化性能和管理复杂状态。关键词:Zustand、状态管理、React、前端开发、性能优化、瞬态更新、乐观更新。

React最佳实践-性能优化Skill react-best-practices

4.5

这个技能提供全面的React和Next.js性能优化指南,包含40多个规则,用于消除瀑布、优化包大小和提高渲染性能。适用于开发者优化应用性能、审查代码、重构组件等场景,帮助提升前端开发效率和用户体验。关键词:React性能优化、Next.js优化、前端性能、包大小优化、消除瀑布、渲染优化、JavaScript性能。

网络可访问性Skill web-accessibility

4.5

这个技能专注于通过实现WCAG标准、ARIA模式、键盘导航和屏幕阅读器支持,来构建可访问的网络应用程序,确保所有用户,包括残障人士,都能平等访问网络内容。关键词:网络可访问性、WCAG、ARIA、前端开发、无障碍设计、SEO可访问性、键盘导航、屏幕阅读器。

软件UI/UX设计Skill software-ui-ux-design

4.5

此技能专注于设计和优化软件用户界面与用户体验,涵盖UI设计、UX研究、可访问性审核(如WCAG标准)、设计系统定义、流程优化和转化率提升(CRO),适用于Web、iOS、Android和桌面平台,包括AI/自动化UX模式。关键词:UI设计,UX设计,可访问性,设计系统,用户体验优化,WCAG,CRO,前端开发。

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

4.5

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

移动优先设计Skill mobile-first-design

4.5

移动优先设计是一种前端开发技能,专注于从移动设备开始构建响应式网站界面,通过CSS媒体查询定义断点,使用渐进增强技术适应平板和桌面屏幕。关键词包括移动优先、响应式设计、CSS、断点、触摸友好、性能优化。

TanStackStart全栈开发框架Skill BunTanStackStart

4.5

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

可复用部件设计模式技能Skill robius-widget-patterns

4.5

这个技能提供了基于Robrix和Moly代码库的Makepad部件设计最佳实践,包括可复用部件、模态对话框、拖放重排序、动态样式应用等多种模式,帮助开发者高效创建和优化UI组件。关键词:Makepad部件、可复用设计、模态、拖放、优化、UI组件、设计模式、前端开发、软件开发。

Relay分页技术Skill relay-pagination

4.5

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

SvelteFlow基础知识Skill svelteflow-fundamentals

4.5

这个技能用于构建可自定义的节点基础编辑器和交互式图表,适用于Svelte应用中的流程基础界面。涵盖核心概念、设置和常见模式,关键词包括Svelte Flow、节点基础、流程图、前端开发、交互式UI,适合SEO搜索。