什么是 react-single-responsibility?
简化组件、钩子和方法的策略:分解顺序(实用程序、钩子、子组件), 提前返回、控制流、参数设计和代码气味修复。当用户说: ungodify 时使用 这个方法/函数/组件,简化这个方法/函数/组件,使这个方法/函数/组件 不太复杂;或者在重构大型组件、钩子或函数时,降低复杂性,应用 单一职责,或者询问如何简化组件、挂钩或方法。 来源:lichens-innovation/ai-dev-tools。
简化组件、钩子和方法的策略:分解顺序(实用程序、钩子、子组件), 提前返回、控制流、参数设计和代码气味修复。当用户说: ungodify 时使用 这个方法/函数/组件,简化这个方法/函数/组件,使这个方法/函数/组件 不太复杂;或者在重构大型组件、钩子或函数时,降低复杂性,应用 单一职责,或者询问如何简化组件、挂钩或方法。
通过命令行快速安装 react-single-responsibility AI 技能到你的开发环境
来源:lichens-innovation/ai-dev-tools。
Apply these strategies to keep components, hooks, and methods focused, testable, and readable. Rules are split into component, hook, and method simplification.
| KISS | Simplest solution that works. Avoid over-engineering. | | Single responsibility | One clear responsibility per component or function; extract utilities, hooks, sub-components. | | DRY | Extract common logic; create reusable functions or components. | | YAGNI | Don't build features before they're needed. |
| Composition | Prefer composing small components and utilities over large, multi-purpose blocks. |
简化组件、钩子和方法的策略:分解顺序(实用程序、钩子、子组件), 提前返回、控制流、参数设计和代码气味修复。当用户说: ungodify 时使用 这个方法/函数/组件,简化这个方法/函数/组件,使这个方法/函数/组件 不太复杂;或者在重构大型组件、钩子或函数时,降低复杂性,应用 单一职责,或者询问如何简化组件、挂钩或方法。 来源:lichens-innovation/ai-dev-tools。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/lichens-innovation/ai-dev-tools --skill react-single-responsibility简化组件、钩子和方法的策略:分解顺序(实用程序、钩子、子组件), 提前返回、控制流、参数设计和代码气味修复。当用户说: ungodify 时使用 这个方法/函数/组件,简化这个方法/函数/组件,使这个方法/函数/组件 不太复杂;或者在重构大型组件、钩子或函数时,降低复杂性,应用 单一职责,或者询问如何简化组件、挂钩或方法。 来源:lichens-innovation/ai-dev-tools。
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/lichens-innovation/ai-dev-tools --skill react-single-responsibility 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/lichens-innovation/ai-dev-tools