什麼是 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