搜索结果: "react"
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 支持。
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调用模拟等。
Jest测试生成器Skill jest-generator
这个技能用于自动生成Jest单元测试，适用于JavaScript和TypeScript代码，包括Mocking、覆盖率分析、测试结构组织等。它能提升前端开发中的测试效率，覆盖常见测试场景如React组件测试、异步代码测试和错误处理。关键词：Jest, 测试生成, 单元测试, JavaScript, TypeScript, 覆盖率, Mocking, 前端测试。
前端卓越Skill frontend-excellence
该技能专注于现代前端开发的最佳实践，涵盖使用React Server Components进行服务器端渲染、性能优化技术如代码分割和捆绑优化，以及优化Core Web Vitals指标（如LCP、INP、CLS）以提升网站性能和用户体验。适用于React、Next.js等框架，关键词：前端开发、React Server Components、性能优化、Core Web Vitals、代码分割、图像优化、字体加载、CLS预防。
React服务器端动作Skill react-server-actions
React服务器端动作是一种在Next.js 14+框架中实现的功能，用于安全处理表单提交和服务器端数据操作，无需API路由。它支持渐进增强、服务器端验证、文件上传和乐观UI更新，适用于现代Web开发中的表单处理、服务器突变和性能优化场景。关键词：React Server Actions, Next.js, 表单处理, 服务器端突变, 渐进增强, 安全性, 缓存重新验证, 文件上传, 乐观UI更新, Web开发。
错误处理模式Skill error-handling-patterns
这个技能专注于设计和实施健壮的错误处理策略，包括使用try-catch块、自定义错误类、错误边界、API错误响应格式、重试逻辑、日志记录和监控，以提高软件系统的可靠性、容错能力和用户体验。关键词：错误处理、容错系统、异常管理、日志监控、API错误响应、重试策略、React错误边界、Express错误处理。
前端开发模式Skill frontend-patterns
前端开发模式技能专注于使用React和Next.js框架，涵盖组件设计、状态管理、性能优化、UI最佳实践等，帮助开发者构建高性能、可维护的前端应用。关键词：前端开发、React、Next.js、状态管理、性能优化、UI设计、组件模式、量化交易应用。