搜索结果: "react"
编码规范Skill coding-standards
这是一份针对 Portfolio Buddy 2 项目的 React 19 和 TypeScript 编码规范文档。它详细定义了前端组件开发的最佳实践,包括组件结构、状态管理、TypeScript 类型安全、性能优化、错误处理、文件组织、测试标准和代码审查流程。适用于前端开发团队进行代码编写、审查和重构,确保项目代码质量和一致性。关键词:React 19, TypeScript, 前端开发, 编码规范, 组件设计, 状态管理, 性能优化, 代码审查。
EmpathyLedger开发技能Skill empathy-ledger-dev
Empathy Ledger开发技能是一个专门用于指导Empathy Ledger v2平台开发的综合参考工具。该平台是一个面向原住民社区、内置文化安全协议的多租户故事讲述系统。本技能提供项目结构、核心概念(如OCAP原则、文化敏感性分级)、常见开发模式、数据库设计、核心服务等快速参考。适用于开发人员快速查阅项目规范、确保文化合规性、实现多租户隔离、管理故事所有权和数据主权。关键词:Empathy Ledger、原住民数据主权、OCAP原则、文化安全协议、多租户架构、故事讲述平台、React开发、Next.js、Supabase、GDPR合规、文化敏感性设计。
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、渲染优化、静态元素、性能提升、前端开发、性能优化。
前端导入优化技巧Skill bundle-barrel-imports
这个技能用于通过避免使用桶文件导入来优化前端项目的捆绑大小和性能。它能减少不必要的模块加载,提高开发启动速度、构建效率和冷启动性能,适用于使用React等现代前端框架时的库导入优化。关键词:前端优化、捆绑大小、导入优化、性能提升、barrel files。
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。