搜索结果: "react"

React动画技能(用于Remotion视频制作)Skill react-animation

4.5

这个技能提供了一套精心策划的React动画组件,专门用于Remotion视频合成,帮助开发者创建具有美学价值的视觉特效和动画效果。关键词:React动画,Remotion视频,动画组件,视频特效,美学设计,前端开发。

TanStackStart全栈开发技能Skill tanstack-start

4.5

TanStack Start 是一个全栈 React 框架,用于构建具有服务器端渲染、客户端渲染、Cloudflare Workers 支持和文件式路由的 React 应用。适用于从 Next.js 迁移、解决水合错误、实现边缘渲染等场景。关键词:React, 全栈, SSR, CSR, Cloudflare Workers, TanStack Router, 前端开发, 全栈开发。

推送通知设置Skill push-notification-setup

4.5

这个技能用于在iOS、Android和Web平台上实现推送通知功能,使用Firebase Cloud Messaging (FCM)和本地服务。它包括处理权限请求、前台和后台消息、令牌刷新,以及设置通知通道。关键词包括推送通知、FCM、iOS通知、Android通知、Web通知、React Native通知、通知权限、后台消息、通知通道,便于SEO搜索。

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

4.5

这是一个用于React和Next.js应用性能优化的技能,提供Vercel工程团队的45条最佳实践规则,涵盖从消除瀑布效应到包大小优化等关键领域,旨在指导代码重构和自动化生成。关键词包括:React, Next.js, 性能优化, 前端开发, 代码审查, 数据获取, 包优化, 渲染性能, JavaScript优化。

Expo升级指南Skill upgrading-expo

4.5

本技能提供Expo SDK版本升级的详细指南,帮助开发者解决依赖冲突、处理破坏性更改,并实现顺利迁移,适用于移动应用开发场景。关键词:Expo, SDK升级, 依赖管理, React Native, 移动开发, 版本迁移, 依赖冲突, 破坏性更改

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

4.5

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

组件包装架构Skill component-wrapper-architecture

4.5

这个技能用于在React项目中包装现有的shadcn/ui组件,以添加8位复古风格,同时确保向后兼容性和代码重用。关键词包括:组件包装、8位风格、shadcn/ui、React、TypeScript、前端开发、复古UI。

8位像素艺术图案Skill 8-bit-pixel-art-patterns

4.5

这个技能用于创建8位复古风格的像素化边框、阴影和效果,适用于UI组件开发,通过绝对定位的div实现像素艺术美学。关键词包括:像素艺术、8位、UI组件、CSS、React、前端开发。

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

4.5

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

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

4.5

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

技术栈检测Skill tech-stack-detection

4.5

技术栈检测技能自动识别项目中的技术框架(如React、Vue)、包管理器和配置模式,适用于项目启动、依赖分析、框架指导,帮助开发人员快速理解架构并优化开发流程。关键词:技术栈检测、框架识别、包管理器、配置分析、项目架构、SEO优化。

Effect-TS最佳实践Skill effect-best-practices

4.5

这个技能提供Effect-TS库的全面最佳实践指南,涵盖服务模式、错误处理、模式匹配、层组合和前端状态管理,帮助开发者编写类型安全、可测试、可观察和可维护的代码。关键词:Effect-TS, TypeScript, 函数式编程, 最佳实践, 服务定义, 错误处理, 架构设计, React状态管理。