·canvas-component-metadata
*

canvas-component-metadata

為 Canvas 元件定義有效的 component.yml 元數據,包括 props、slots 和 enum。在下列情況下使用:(1) 建立新元件,(2) 新增或修改 props,(3) 排除「不是有效選擇」或 prop 類型錯誤,(4) 將枚舉對應到 CVA 變體。

9安裝·0熱度·@acquia

安裝

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

如何安裝 canvas-component-metadata

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

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

來源:acquia/nebula。

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.

Only include user-facing, Canvas-editable props in component.yml. Implementation-only React props must stay in JSX and must not be added to metadata.

為 Canvas 元件定義有效的 component.yml 元數據,包括 props、slots 和 enum。在下列情況下使用:(1) 建立新元件,(2) 新增或修改 props,(3) 排除「不是有效選擇」或 prop 類型錯誤,(4) 將枚舉對應到 CVA 變體。 來源:acquia/nebula。

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/acquia/nebula --skill canvas-component-metadata
分類
*創意媒體
認證
收錄時間
2026-02-22
更新時間
2026-03-11

Browse more skills from acquia/nebula

快速解答

什麼是 canvas-component-metadata?

為 Canvas 元件定義有效的 component.yml 元數據,包括 props、slots 和 enum。在下列情況下使用:(1) 建立新元件,(2) 新增或修改 props,(3) 排除「不是有效選擇」或 prop 類型錯誤,(4) 將枚舉對應到 CVA 變體。 來源:acquia/nebula。

如何安裝 canvas-component-metadata?

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

這個 Skill 的原始碼在哪?

https://github.com/acquia/nebula