一键导入
hooks-dev
处理 nil-design 仓库中 @nild/hooks React hooks 的设计、开发、重构、测试、性能基准、文档化或维护,包括公开导出、DOM target 解析、订阅/observer/timer 清理、SSR/浏览器边界、hooks 文档和行为回归测试。
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
处理 nil-design 仓库中 @nild/hooks React hooks 的设计、开发、重构、测试、性能基准、文档化或维护,包括公开导出、DOM target 解析、订阅/observer/timer 清理、SSR/浏览器边界、hooks 文档和行为回归测试。
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
处理 nil-design 仓库中 @nild/components 公开组件、内部组件能力、样式变体、复合组件 API、组件文档、性能基准、API 生成产物和组件总览资源的设计、开发、重构、测试、文档化或维护。修改公开面、样式协议、交互行为或文档前,先从当前源码核对事实。
处理 nil-design 仓库中 @nild/shared 类型、React helpers、class utilities、runtime utilities、通用工具方法、性能基准和 shared 包公开接口的设计、开发、重构、测试、维护或导出。
处理 nil-design 仓库中文档站开发、重构和维护,包括 VitePress 配置、主题覆盖、Layout 扩展、自定义 Vue/React 文档组件、ReactLive、Mermaid、导航/侧边栏生成、搜索索引、截图脚本和 docs build 副作用。
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".
用于 Windows、PowerShell、Codex shell 或跨平台脚本中读取、写入、检查和验证 UTF-8 / 非 ASCII 文本,尤其是中文/CJK、Markdown、本地化表格、生成文本和乱码诊断;防止把终端渲染乱码误认为真实文件内容。
Use for React tasks in any project, including React components, hooks, context, client-side data flow, rendering performance, re-render reduction, bundle-size review, dynamic imports, async waterfall cleanup, and React/TypeScript refactors. This is framework-agnostic React guidance and intentionally omits framework-specific routing, server endpoint, and server component rules.
| name | hooks-dev |
| description | 处理 nil-design 仓库中 @nild/hooks React hooks 的设计、开发、重构、测试、性能基准、文档化或维护,包括公开导出、DOM target 解析、订阅/observer/timer 清理、SSR/浏览器边界、hooks 文档和行为回归测试。 |
处理 @nild/hooks 时,按下面的职责边界、核对清单、实现偏好和验证要求推进。
packages/hooks/src/**、hook 测试、hook 文档页和 hook 包构建形状。@nild/hooks;组件私有状态机先留在组件内。packages/hooks/src/index.ts。_shared target/util 模式。references/patterns.md。ResolvableTarget 和 target resolver,支持元素、document/window 和 ref 对象。isBrowser、globalThis 或 isomorphic layout effect 做边界保护。pnpm hooks:build。pnpm test 或 pnpm test:coverage。packages/hooks/src/index.ts 的公开 hooks 为覆盖清单;每个 hook 在相邻 __benchmarks__/ 放一份 <hook-name>.bench.ts,新增或移除公开 hook 时同步维护。renderHook 测量关键生命周期;按公开行为覆盖 update、callback、订阅绑定、事件分发或 cleanup,不只测空挂载。// @vitest-environment jsdom;每次采样后清理 timer、RAF、observer、listener、scroll lock 和 storage,并保持 effect 依赖输入的引用稳定。pnpm hooks:bench。