用途：在实现或重构 React/TypeScript 组件时，把组件架构决策路由到随附的参考文档，只阅读当前改动所需的参考，避免无关信息干扰。
主要能力与主题路由：组件移动、模块边界、props、类型或归属位置，读 references/ownership.md；Dify UI 包装器或基础状态样式，读该包的 Public API authoring 与 Styling 契约；Jotai、表单草稿、路由标识、URL 状态或持久化，读 references/state.md；生成的契约、可空 API 数据、Query、mutation、SSR、鉴权或工作区状态，读 references/data.md；快捷键、焦点、对话框、菜单、弹出层等次级界面，读 references/interactions.md 及其引用的 overlay 指南，若该界面持有草稿或本地会话状态还需读 references/state.md；副作用、导航、记忆化、预加载或渲染开销，读 references/runtime.md。
范围与验证：从邻近实现和相关参考中识别行为归属、状态生命周期与公共契约，除非契约要求，否则改动保持在该垂直切片内；验证改动后的行为并完成所属包要求的检查。Web 端测试读 web/docs/test.md，静态检查读 web/docs/lint.md；Dify UI 的验证由 packages/dify-ui/docs/testing.md 负责。
Tailwind CSS：编写规范的 Tailwind v4 类，优先使用规范工具类而非等价的任意值，例如用 w-105 代替 w-[420px]、px-2.25 代替 px-[9px]、bg-linear-to-b 代替 bg-gradient-to-b、wrap-break-word 代替 break-words、field-sizing-content 代替 [field-sizing:content]。
限制：资料未提供该技能的安装方式、收费、平台支持与效果说明。