·canvas-component-composability
*

canvas-component-composability

使用插槽和分解優先模式設計 Canvas 就緒的 React 元件。在下列情況下使用:(1) 設計元件的 prop/slot 結構,(2) 元件變得太大,(3) 在 props 與 slot 之間做出決定,(4) 重構整體元件,(5) 對可重複的清單/網格內容進行建模。確保畫布相容性。

7安裝·1熱度·@acquia

安裝

$npx skills add https://github.com/acquia/nebula --skill canvas-component-composability

如何安裝 canvas-component-composability

透過命令列快速安裝 canvas-component-composability AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/acquia/nebula --skill canvas-component-composability
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源:acquia/nebula。

SKILL.md

查看原文

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
分類
*創意媒體
認證
收錄時間
2026-02-22
更新時間
2026-03-10

Browse more skills from acquia/nebula

快速解答

什麼是 canvas-component-composability?

使用插槽和分解優先模式設計 Canvas 就緒的 React 元件。在下列情況下使用:(1) 設計元件的 prop/slot 結構,(2) 元件變得太大,(3) 在 props 與 slot 之間做出決定,(4) 重構整體元件,(5) 對可重複的清單/網格內容進行建模。確保畫布相容性。 來源:acquia/nebula。

如何安裝 canvas-component-composability?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/acquia/nebula --skill canvas-component-composability 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

https://github.com/acquia/nebula