前端开发 Skill技能列表

GPUI上下文管理Skill gpui-context

4.5

GPUI上下文管理技能用于在图形用户界面开发中管理不同上下文,如App、Window和AsyncApp,以支持UI渲染、实体管理和异步操作。适用于Rust语言的前端开发场景。关键词:GPUI, 上下文管理, UI框架, Rust编程, 异步任务。

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

4.5

React服务器动作是一种在Next.js 14+中用于处理表单和服务器端操作的技能,允许开发者在服务器端安全执行代码,无需传统API路由,支持渐进增强和优化用户体验。关键词:Next.js, React, 服务器动作, 表单处理, 服务器端突变, 渐进增强, 乐观UI更新, SEO搜索。

前端UI/UX设计开发Skill frontend-ui-ux

4.5

前端UI/UX设计开发技能,专注于用户界面和用户体验的设计与实现,涵盖组件设计、响应式布局、设计系统一致性、可访问性合规等核心能力,适用于网页和应用程序开发,便于SEO搜索关键词如前端开发、UI设计、UX设计、网页设计、组件开发、响应式设计、设计系统、可访问性。

实现命令面板Skill implementing-command-palettes

4.5

React命令面板开发指南,涵盖Cmd+K快捷键面板的键盘导航、滚动定位、过滤搜索和性能优化。关键词:React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化

Rollup打包工具Skill rollup

4.5

Rollup是一个高效的JavaScript模块打包器,专为库和应用程序设计,支持配置、插件扩展、代码分割、树摇和库打包等优化技术,用于构建高性能的前端项目,关键词包括Rollup配置、代码优化、前端构建、插件开发。

ReactObservabilitySkill react-observability

4.5

React 可观测性提供了日志记录、错误消息和调试模式,用于提高React应用的代码可观测性,帮助开发者在生产环境中更有效地诊断问题。

TypeScript异步编程模式Skill typescript-async-patterns

4.5

这个技能涵盖了TypeScript中的异步编程模式,包括Promises、async/await、异步迭代器、错误处理和高级模式,用于构建稳健的异步应用程序。它帮助开发者高效处理异步操作,特别适用于API调用、I/O操作和实时数据处理。关键词:TypeScript, 异步编程, Promises, async/await, 错误处理, 异步迭代器, 重试模式, 超时控制, 取消机制, API开发。

VercelReact最佳实践Skill vercel-react-best-practices

4.5

这个技能提供React和Next.js应用程序的全面性能优化指南,包含57个规则,分为8个优先级类别,旨在帮助开发者在编写、审查或重构代码时遵循最佳实践,优化性能、减少加载时间和改善用户体验。适用于前端开发中的性能调优。关键词:React, Next.js, 性能优化, Vercel, 前端开发, 包优化, 服务器渲染。

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

4.5

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

Web工物构建器Skill web-artifacts-builder

4.5

该技能是一套用于构建复杂前端HTML工物的工具,基于React、TypeScript、Tailwind CSS、shadcn/ui等现代技术,支持状态管理、路由和组件化开发,特别针对Claude.ai平台,便于前端开发者快速创建、打包和共享交互式工物。关键词包括:Web工物构建、前端开发、React工物、Claude.ai、HTML打包、前端工具、状态管理、路由、shadcn/ui。

服务器组件Skill server-components

4.5

此技能详细介绍了React服务器组件在Next.js中的应用,涵盖服务器与客户端组件的区分、组合模式及数据获取方法,适用于前端开发。关键词:React服务器组件、Next.js、服务器渲染、客户端交互、组件架构。

Bknd登录注销流程Skill bknd-login-flow

4.5

此技能用于在Bknd应用中实现用户认证流程,包括登录、注销和会话检查功能,涵盖SDK认证方法、REST API端点、React集成、错误处理等。关键词:Bknd、登录、注销、认证、前端开发、React、REST API、SDK、错误处理、会话管理。