搜索结果: "react"
功能性setState更新Skill rerender-functional-setstate
React功能性setState更新是用于优化React组件中状态管理的技术,通过使用函数形式的setState来更新基于当前状态的状态值,防止闭包陈旧问题并减少不必要的性能开销。关键词:React,setState,闭包,性能优化,状态管理,前端开发。
Expo框架规则技能Skill expo-framework-rule
这个技能是Expo框架的编码标准专家,用于帮助开发者遵循Expo框架的最佳实践和指南,包括代码审查、改进建议、模式解释和重构帮助,适用于移动应用开发。关键词:Expo框架, 代码审查, 最佳实践, 移动开发, React Native, 编码标准, 性能优化, 空中更新。
ZodSkill zod
Zod 是一个用于 TypeScript 的数据模式验证库,主要用于定义和验证数据模式,确保代码的健壮性和类型安全。它广泛应用于前后端开发,特别是 Node.js 和 React 项目中。关键词:Zod, TypeScript, 模式验证, 数据验证, 运行时验证, 类型安全
MUI无头UI组件库最佳实践Skill mui-base
这个技能提供了MUI Base UI的最佳实践指南,专为构建无头React组件库设计。它涵盖了组件模式、命名约定、组织方式、错误处理和样式规则,帮助开发者创建无样式UI组件、复合组件、实现无障碍优先模式,并支持受控和非受控组件模式。关键词:MUI, React, 组件库, 无头UI, 前端开发, 最佳实践。
Figma到React代码转换技能Skill design-to-code
这个技能用于将Figma设计文件自动转换为高质量的React + TypeScript组件代码,确保像素完美的视觉还原。它通过辅助脚本简化流程,支持错误恢复,提高前端开发效率。关键词包括Figma、React、TypeScript、代码生成、前端开发、自动化、像素完美。
导航模式与路由实现Skill implementing-navigation
这个技能提供全面指导,用于在前后端应用中实现导航系统和路由配置,涵盖菜单、标签、面包屑等导航模式,以及React、Python等框架的客户端和服务器端路由。关键词:导航模式、路由实现、前端开发、后端开发、React、TypeScript、Python、Flask、Django、FastAPI、可访问性、SEO优化。
前端产物构建套件Skill web-artifacts-builder
该技能是一个用于创建复杂HTML产物的前端开发工具套件,基于React、Tailwind CSS和shadcn/ui技术栈。它通过自动化脚本初始化项目、开发产物并捆绑成单个HTML文件,适用于构建需要状态管理、路由和多组件交互的Web应用。关键词:前端开发、React、Tailwind CSS、shadcn/ui、HTML产物构建、工具套件、claude.ai。
LlamaIndex智能体配置技能Skill llamaindex-agent
LlamaIndex智能体配置技能专注于搭建基于检索增强生成(RAG)的智能问答系统。该技能提供完整的智能体框架配置方案,包括ReAct智能体、OpenAI函数调用智能体、结构化规划智能体等多种智能体类型,支持向量存储索引、知识图谱、SQL查询等多种查询引擎。适用于知识库问答、文档智能分析、企业级RAG系统搭建等场景。 关键词:LlamaIndex智能体 RAG系统 检索增强生成 知识库问答 OpenAI函数调用 查询引擎配置 AI智能体开发 多文档处理 记忆聊天引擎
样式化组件Skill styled-components
这是一个关于 styled-components CSS-in-JS 库的技能,提供主题化、组件变体、服务端渲染支持等功能的专家级实现指导。关键词:styled-components, CSS-in-JS, React 样式, 前端主题, 组件库开发, SSR 支持。
Next.js开发模式Skill next-js-patterns
Next.js 开发模式指南,涵盖应用路由器、服务器组件、客户端组件、数据获取、导航、字体优化和元数据管理等最佳实践。关键词:Next.js, App Router, 服务器组件, 客户端组件, 数据获取, SEO, 前端开发, 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、交互式构件
ReactNative测试Skill rn-testing
本文档提供了React Native应用测试的多种模式和实践,包括Zustand存储测试、异步操作测试、Expo模块模拟、React Query测试、自定义Hook测试、组件测试、导航测试、避免act()警告、快照测试和API调用模拟等。