canvas-component-metadata
✓為 Canvas 元件定義有效的 component.yml 元數據，包括 props、slots 和 enum。在下列情況下使用：(1) 建立新元件，(2) 新增或修改 props，(3) 排除「不是有效選擇」或 prop 類型錯誤，(4) 將枚舉對應到 CVA 變體。
SKILL.md
Every prop definition must include a title for the UI label. The examples array is required for required props and recommended for all others. Only the first example value is used by Drupal Canvas.
The prop ID (the key under properties) must be the camelCase conversion of the title value.
Rich text content with HTML formatting support, displayed in a block context.
為 Canvas 元件定義有效的 component.yml 元數據，包括 props、slots 和 enum。在下列情況下使用：(1) 建立新元件，(2) 新增或修改 props，(3) 排除「不是有效選擇」或 prop 類型錯誤，(4) 將枚舉對應到 CVA 變體。 來源：drupal-canvas/skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/drupal-canvas/skills --skill canvas-component-metadata- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-17
- 更新時間
- 2026-02-18
快速解答
什麼是 canvas-component-metadata？
為 Canvas 元件定義有效的 component.yml 元數據，包括 props、slots 和 enum。在下列情況下使用：(1) 建立新元件，(2) 新增或修改 props，(3) 排除「不是有效選擇」或 prop 類型錯誤，(4) 將枚舉對應到 CVA 變體。 來源：drupal-canvas/skills。
如何安裝 canvas-component-metadata？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/drupal-canvas/skills --skill canvas-component-metadata 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/drupal-canvas/skills