Loading...
Loading...
共找到 92 个 Skills
使用React Context在无需prop drilling的情况下为多个子组件提供数据访问权限。
为React开发提供全面指南，涵盖组件、JSX、props、state、hooks、context、性能优化及最佳实践。当用户询问React相关问题、需要创建React组件、实现hooks、管理组件状态或构建React应用时，可使用本技能。
适用于在前端应用中设置Bknd SDK的场景。内容涵盖Api类初始化、令牌存储、认证状态处理、通过BkndBrowserApp和useApp Hook实现React集成、特定框架（Vite、Next.js、独立模式）的设置，以及TypeScript类型注册。
处理React项目时的关键信息，在React开发场景中必须遵循这些准则。
React渲染性能优化模式。适用于减少重渲染、优化记忆化、状态设计或审查React性能的场景。
利用1M上下文窗口读取整个代码库，并输出逐文件的迁移计划。支持从JS到TS、React类组件到Hooks、框架迁移等多种场景。生成包含文件清单、依赖图谱、迁移顺序、逐文件变更、工作量估算和风险评估的migration-plan.md文件。
使用@cognite/app-sdk将Flows/Dune应用与Fusion内置的PAIA agent面板集成。当开发者需要以下操作时，请使用此技能：从应用中打开agent面板、向agent发送上下文消息、让agent读取应用状态（资源），或让agent调用应用中的操作。触发关键词："fusion agent"、"PAIA"、"agent panel"、"sendAgentMessage"、"sendAgentLayoutMode"、"agent server"、"registerAgentServer"、"connectToHostApp"、"agent integration"、"agent sidebar"、"app-sdk agent"。请始终使用此技能而非手动编写agent集成代码——它会设置正确的生命周期、优雅的降级方案以及推荐的文件结构。
现代React模式与原则。涵盖Hooks、组件组合、性能优化、TypeScript最佳实践。
添加键盘快捷键指南。在实现新热键、注册快捷键或处理键盘交互时使用。适用于热键实现或键盘快捷键相关任务场景。
React 19核心模式，包括Hooks、Suspense、懒加载、组件结构、TypeScript最佳实践以及性能优化。适用于开发React组件、使用Hooks、实现懒加载、处理Suspense边界或React专属TypeScript模式的场景。
适用于LlamaFarm Designer的React 18开发模式，涵盖组件、Hooks、TanStack Query及测试内容。
当用户提出“创建状态机”、“添加xState”、“在React中使用xState”、“实现基于actor的状态”、“使用状态机管理复杂状态”、“结合Effect使用xState”、“将Effect-ts与xState集成”，提到xState钩子（useMachine、useActor、useSelector），或者讨论React应用中的有限状态机相关需求时，应使用本技能。