nil-design

处理 nil-design 仓库中 @nild/components 公开组件、内部组件能力、样式变体、复合组件 API、组件文档、性能基准、API 生成产物和组件总览资源的设计、开发、重构、测试、文档化或维护。修改公开面、样式协议、交互行为或文档前，先从当前源码核对事实。

处理 nil-design 仓库中 @nild/hooks React hooks 的设计、开发、重构、测试、性能基准、文档化或维护，包括公开导出、DOM target 解析、订阅/observer/timer 清理、SSR/浏览器边界、hooks 文档和行为回归测试。

处理 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.

Test-driven development with red-green-refactor loop. Use when user wants to build features or fix bugs using TDD, mentions "red-green-refactor", wants integration tests, or asks for test-first development.

用于设计、实现或评审 UI 视觉质量，适用于任意项目中的布局、层级、密度、色彩、动效、状态、组件组合和截图验收；当需要 Nil Design 风格时，使用其克制、语义 token 驱动、light/dark 自适应的视觉语言。

用于创建、重构或评审通用前端单元测试，适用于 Vitest、Jest、Testing Library、React、Vue、hooks/composables、组件、工具函数、回归测试、行为覆盖和脆弱测试清理；nil-design 仅作为本仓库默认栈示例。

Use for Vue.js tasks in any project, including Vue 3, .vue single-file components, Composition API, <script setup>, TypeScript, Vue Router, Pinia, Vite Vue apps, SSR-aware Vue work, and Vue docs/theme components. Prefer Composition API unless the existing project explicitly requires Options API.