SuperAPI AI 工具集

react-component-governance

前端与建站

查看项目

更新于 10-16 00:02

技能介绍

用途:为 React 项目提供有主见的、独立的组件架构指导,用于评审或设计组件边界,避免临时约定的漂移。

主要能力:先检查具体 UI 问题及周边架构,阅读 references/workflow.md 与 references/extraction.md,判断问题是孤立还是暴露出反复出现的边界、打包、归属或职责错位;在动手前呈现有意义的架构选择;决定是否应存在边界(内联、本地 helper、组件边界或其他边界类型);对组件边界按 presentational、interactive、container 分类;对 headless 行为、provider/基础设施、support 边界保持显式,不强行套组件角色;结构非普通可复用组件时查看 boundary-cases.md;需要时用 patterns.md 中的复合、headless hook 加 UI 外壳、slot/多态等模式;用 packaging.md 与 ownership.md 决定目录形态、公共 API、本地优先与提升规则。

使用方式:直接作为独立技能使用,无需依赖其他治理技能。遵循规范术语:inline、local helper、component boundary、headless behavior boundary、provider/infrastructure boundary、support boundary。模式仅作可选修饰。优先本地范围,共享抽象须由复用或更广归属赢得。提取的支持文件建议用边界前缀命名,便于 IDE 和搜索发现;文件系统示例需适配所在仓库,不假设统一目录名。

限制:不适用于通用 React 设置、Vite 配置、路由或构建工具;不涉及 UI 边界与组件架构之外的宽泛代码质量指导;不处理 UI 边界与组件架构之外的领域建模。资料未提供具体版本、平台或收费信息。