搜索结果: "react"
Tamagui最佳实践指南Skill tamagui-best-practices
Tamagui跨平台UI框架高级开发指南,涵盖配置v4、编译器优化、样式化上下文、复合组件、主题系统、性能优化和常见反模式。适用于React Native和Web应用开发,提供TypeScript最佳实践、设计令牌管理和跨平台适配方案。
VercelReact最佳实践Skill vercel-react-best-practices
这是一份由Vercel官方维护的React和Next.js应用性能优化权威指南。它提供了45条经过验证的最佳实践规则,涵盖消除瀑布流、包大小优化、服务器与客户端性能、重渲染控制、JavaScript执行效率等关键领域,旨在帮助开发者编写高性能、可维护的现代Web应用代码。关键词:React性能优化,Next.js最佳实践,前端性能,代码重构,Vercel工程指南,Web应用优化。
LangChainReAct智能体Skill langchain-react-agent
LangChain ReAct 智能体技能是一种基于 LangChain 框架实现的 AI 智能体技术,专为构建能够进行推理与行动循环的智能系统而设计。该技能通过工具绑定和函数调用,使大语言模型能够执行复杂任务,如文件读写、代码执行和文本处理。核心功能包括:实现 ReAct 模式、配置工具集成、设计智能循环、处理记忆状态,并支持与 OpenAI、Anthropic 等主流模型集成。适用于开发自动化任务处理、智能助手、代码生成等 AI 应用场景。关键词:LangChain, ReAct 智能体, AI 智能体, 工具绑定, 函数调用, 推理循环, 大语言模型集成, 自动化任务, 智能助手开发。
Next.js全栈开发技能Skill nextjs
这是一个用于构建现代化全栈Web应用的专家级技能。它专注于Next.js框架,特别是App Router、React Server Components (RSC)、Server Actions、流式渲染、缓存策略和Vercel部署。该技能能帮助开发者快速搭建项目结构,实现服务器端渲染、数据获取、表单处理、API路由、高级路由模式(如并行路由、拦截路由)以及性能优化。适用于需要构建高性能、SEO友好、可扩展的Web应用程序的场景。关键词:Next.js, React, 全栈开发, App Router, Server Components, Server Actions, Vercel部署, 前端框架, Web应用开发。
React服务器组件技能Skill react-server-components
React服务器组件技能是专门用于实现React服务器组件架构的专业能力,包含流式传输、数据获取、客户端与服务器组件组合、性能优化等核心模式。该技能帮助开发者设计合理的组件边界,优化应用性能,实现高效的数据流管理。关键词:React服务器组件、Next.js、流式渲染、组件组合、性能优化、数据获取、Suspense、服务器操作、前端架构。
Remix全栈开发技能Skill remix
Remix全栈开发技能是专门用于构建现代Web应用程序的专家级工具集,提供React全栈开发、渐进增强、嵌套路由、表单处理、错误边界和边缘部署等核心功能。适用于前端开发、后端API集成、用户认证、数据管理和性能优化等场景,帮助开发者快速构建高性能、可维护的Web应用。关键词:Remix框架、全栈开发、React应用、渐进增强、嵌套路由、表单处理、错误边界、边缘部署、Web开发、现代前端技术。
规划指南Skill planning-guidelines
Portfolio Buddy 2 开发规划指南,提供代码保留、移动/桌面端优化、需求澄清等核心原则。适用于软件开发、量化金融、前端开发、代码重构、项目管理、敏捷开发、React TypeScript、投资组合分析、金融科技应用开发。
前端设计Skill frontend-design
这是一个用于创建独特、高质量、生产级前端界面的技能。它专注于生成具有创意和精致美学的代码,避免通用AI设计风格,强调大胆的美学方向、独特的排版、创新的色彩方案、精心设计的动效和空间构成。适用于网站、落地页、仪表板、React组件、HTML/CSS布局等Web UI的设计与开发。关键词:前端设计,UI设计,网页开发,创意界面,生产级代码,独特美学,避免AI通用设计,React组件,CSS动画,用户体验设计。
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、交互式构件
TanStackQueryv5服务器状态管理技能Skill tanstack-query
这个技能教授如何使用 TanStack Query v5(React Query)进行 React 应用中的服务器状态管理,包括数据获取、缓存、突变和错误处理。关键词:TanStack Query, React Query, useQuery, useMutation, 数据获取, 缓存, 服务器状态, 前端开发。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供React和Next.js应用程序的全面性能优化指南,包含57个规则,分为8个优先级类别,旨在帮助开发者在编写、审查或重构代码时遵循最佳实践,优化性能、减少加载时间和改善用户体验。适用于前端开发中的性能调优。关键词:React, Next.js, 性能优化, Vercel, 前端开发, 包优化, 服务器渲染。