什么是 canvas-component-composability?
使用插槽和分解优先模式设计 Canvas 就绪的 React 组件。在以下情况下使用:(1) 设计组件的 prop/slot 结构,(2) 组件变得太大,(3) 在 props 与 slot 之间做出决定,(4) 重构整体组件,(5) 对可重复的列表/网格内容进行建模。确保画布兼容性。 来源:acquia/nebula。
使用插槽和分解优先模式设计 Canvas 就绪的 React 组件。在以下情况下使用:(1) 设计组件的 prop/slot 结构,(2) 组件变得太大,(3) 在 props 与 slot 之间做出决定,(4) 重构整体组件,(5) 对可重复的列表/网格内容进行建模。确保画布兼容性。
通过命令行快速安装 canvas-component-composability AI 技能到你的开发环境
来源:acquia/nebula。
Prefer small, focused components over monolithic ones with many props. When a component starts accumulating many unrelated props, decompose it into smaller, composable pieces.
references/repeatable-content.md ("Slot container minimum size" section)
Slots are the primary mechanism for composability. Instead of passing complex data through props, use slots to let parent components accept child components. This matches how Canvas users build pages by placing components inside other components.
使用插槽和分解优先模式设计 Canvas 就绪的 React 组件。在以下情况下使用:(1) 设计组件的 prop/slot 结构,(2) 组件变得太大,(3) 在 props 与 slot 之间做出决定,(4) 重构整体组件,(5) 对可重复的列表/网格内容进行建模。确保画布兼容性。 来源:acquia/nebula。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/acquia/nebula --skill canvas-component-composability使用插槽和分解优先模式设计 Canvas 就绪的 React 组件。在以下情况下使用:(1) 设计组件的 prop/slot 结构,(2) 组件变得太大,(3) 在 props 与 slot 之间做出决定,(4) 重构整体组件,(5) 对可重复的列表/网格内容进行建模。确保画布兼容性。 来源:acquia/nebula。
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/acquia/nebula --skill canvas-component-composability 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/acquia/nebula