搜索结果: "react"
AI前端构件构建器Skill artifacts-builder
AI前端构件构建器是一个专门用于创建复杂、交互式Claude.ai HTML构件的工具套件。它基于现代前端技术栈(React、TypeScript、Tailwind CSS、shadcn/ui),提供完整的项目初始化、开发、打包流程。该工具支持状态管理、路由和丰富的UI组件,能够将复杂的React应用打包成单个自包含的HTML文件,方便在Claude对话中直接分享和使用。主要功能包括:一键项目初始化、现代化前端开发环境、shadcn/ui组件库集成、智能打包工具、自包含HTML输出。关键词:Claude构件、前端开发、React应用、HTML打包、AI工具、shadcn/ui、Tailwind CSS、Vite、Parcel、交互式构件
ReactHookForm+Zod验证Skill react-hook-form-zod
此技能用于在 React 应用中实现类型安全的表单验证,结合 React Hook Form 和 Zod 库。它支持表单模式定义、字段数组、多步骤表单、客户端和服务器端验证,并解决常见错误如未控制到控制警告。关键词:React Hook Form, Zod, 表单验证, 类型安全, 前端开发, React 表单, 性能优化, 可访问性。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供React和Next.js应用程序的全面性能优化指南,包含57个规则,分为8个优先级类别,旨在帮助开发者在编写、审查或重构代码时遵循最佳实践,优化性能、减少加载时间和改善用户体验。适用于前端开发中的性能调优。关键词:React, Next.js, 性能优化, Vercel, 前端开发, 包优化, 服务器渲染。
TanStackStart全栈开发框架Skill BunTanStackStart
TanStack Start 是一个基于 Bun 运行时的全栈 React 框架,用于快速构建现代 Web 应用。它支持文件路由、服务器函数、API 路由和错误处理,提高开发效率,适用于 SSR、构建优化和全栈开发场景。关键词:TanStack Start, React, 全栈开发, Bun, 文件路由, 服务器函数, Web 应用开发, SEO 优化。
ReactuseState懒初始化Skill rerender-lazy-state
此技能涉及在React前端开发中使用useState函数的懒初始化技术,以避免在每次渲染时重复计算昂贵的初始值,提高应用性能。适用于构建搜索索引、解析JSON或复杂计算等场景。关键词:React, useState, 懒初始化, 性能优化, 前端开发
静态JSX元素提升渲染优化Skill rendering-hoist-jsx
该技能用于在 React 前端开发中优化 JSX 渲染性能,通过提取静态 JSX 元素到组件外部,避免每次渲染时的重新创建,提高应用效率和响应速度,特别适用于大型静态 SVG 节点。关键词包括:React、JSX、渲染优化、静态元素、性能提升、前端开发、性能优化。
Vite构建工具Skill vite
Vite是一个快速、现代化的前端构建工具,支持TypeScript和ESM,提供高效的开发服务器和生产构建,适用于Vue、React等框架的项目开发。关键词:Vite, 前端构建工具, 开发服务器, 生产构建, TypeScript, ESM, HMR, SSR, Rolldown迁移。
Reactome数据库技能Skill reactome-database
本技能用于通过Reactome REST API查询生物通路数据,进行富集分析、基因-通路映射和表达分析,适用于系统生物学研究和生物信息学分析。关键词:Reactome、通路分析、富集分析、生物信息学、数据查询。
JavaScriptAI应用开发SDKSkill javascript-sdk
这个skill提供JavaScript/TypeScript SDK,用于在inference.sh平台上构建和运行AI应用程序、创建智能代理、集成超过150种AI模型。支持Node.js、React、Next.js等环境,具备完整TypeScript支持、流式处理、文件上传、会话管理等功能,适用于前端和后端AI集成。关键词:JavaScript、TypeScript、AI应用、智能代理、模型集成、前端开发、后端开发、Node.js、React、Next.js、SDK。
前端开发指南Skill frontend-dev-guidelines
提供前端开发的最佳实践和指南,专注于React/TypeScript应用程序,覆盖Suspense数据获取、懒加载、TanStack Router路由、MUI v7样式、性能优化等现代技术。适用于前端开发者创建高效、可维护的应用程序,关键词:前端开发、React、TypeScript、Suspense、懒加载、TanStack Query、MUI、性能优化。
React服务器动作Skill react-server-actions
React服务器动作是一种在Next.js 14+中用于处理表单和服务器端操作的技能,允许开发者在服务器端安全执行代码,无需传统API路由,支持渐进增强和优化用户体验。关键词:Next.js, React, 服务器动作, 表单处理, 服务器端突变, 渐进增强, 乐观UI更新, SEO搜索。
前端组件模式Skill frontend-component-patterns
前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建高效、可维护的前端组件。适用于React、Vue和Angular框架,帮助开发者创建可重用UI库、优化组件架构和提升开发效率。关键词:前端开发、组件设计、React模式、Vue组件、Angular架构、可重用UI、性能优化、无障碍访问。