Loading...
Loading...
共找到 92 个 Skills
最近使用数据(主题、资源、页面)使用指南。适用于处理最近访问的项目、实现最近列表或访问会话存储中的最近数据场景。在涉及最近数据使用或实现任务时触发。
精通Web3前端开发:钱包集成、viem/wagmi使用与dApp用户体验优化
通过props将JSX元素传递给组件,实现灵活、可复用的组件组合。
在所有层级创建Wagmi功能——核心操作、查询选项、框架绑定。适用于添加新操作、Hooks,或在packages/core、packages/react、packages/vue包中进行开发时使用。
识别并修复React代码中不必要的useEffect使用场景。适用于审查使用Effects的React代码、优化React组件、遇到“useEffect + setState”这类模式、用户询问Effect最佳实践,或是重构React代码的场景。有助于消除冗余渲染并简化组件逻辑。
React 19.2 特性介绍 - use()、useOptimistic、useActionState、useEffectEvent、Activity 组件、React Compiler。适用于实现 React 19 开发模式时参考。
通过将视图与应用逻辑分离,实现关注点分离。
当为带有Atlas chat的Dune应用添加任务/待办事项列表功能时,必须使用本技能。请勿手动创建待办事项状态管理或工具定义——本技能会处理完整模块(上下文、提供者、工具、钩子、UI组件)以及所有集成连接。前置条件:必须已完成integrate-atlas-chat的设置。触发词:todo list、task list、task tracking、TodoWrite、todo panel、task panel、progress tracking、add todos、add tasks。
功能完备的React组件库
高级工程师级别的React重构模式,用于消除代码异味。涵盖属性透传、状态膨胀、组件组合、抽象质量、耦合、Hooks、渲染模式和可测试性。适用于重构现有React代码库、审查PR中的架构问题或识别React应用中的技术债务场景。
TanStack Query v5 数据获取模式,包括useSuspenseQuery、useQuery、Mutation、缓存管理以及API服务集成。适用于数据获取、服务端状态管理或使用TanStack Query钩子的场景。
当你使用FastStore SDK的useCart、useSession或useSearch等Hook来决策、设计或实现客户端状态时适用。涵盖@faststore/sdk中的购物车操作、会话处理、分面搜索和分析事件追踪。适用于任何依赖FastStore内置状态管理的交互式电商功能。