claude-skills/

Anthropic公式スキル・プラグインの日本語ディレクトリ

last sync 22h ago
スキルOfficialdesign

🎨canva-edit-design

プラグイン
canva
ソース
GitHub で見る ↗

説明

既存のCanvaデザインを編集します。 具体的には以下の操作が可能です: - テキストの変更・修正 - 画像や動画の差し替え・挿入・削除 - テキストの再フォーマット（サイズ、ウェイト、スタイル、色、配置、リスト、行の高さ） - 要素の位置変更・サイズ変更 - タイトルの更新 次のような場合に使用: ユーザーが特定のCanvaデザイン内のコンテンツを変更、編集、更新、修正、翻訳、差し替え、または再フォーマットしたいとき。 このスキルは、他のCanva skill（例: implement-feedback）の基盤となる、安全な編集エンジンです。

原文を表示

Make edits to an existing Canva design — change or fix text, replace/insert/delete images and videos, reformat text (size, weight, style, color, alignment, lists, line height), reposition or resize elements, and update the title. Use when the user wants to change, edit, update, fix, translate, replace, or reformat content in a specific Canva design. This is the safe edit engine that other Canva skills (e.g. implement-feedback) build on.

ユースケース

  • ✓Canvaデザイン内のテキストを変更・修正するとき
  • ✓画像や動画を差し替え・挿入・削除するとき
  • ✓テキストのサイズや色などをフォーマット変更するとき
  • ✓デザイン要素の位置やサイズを調整するとき
  • ✓タイトルを更新するとき

本文（日本語訳）

Canva デザイン編集

既存の Canva デザインに編集を適用するための、標準的かつ安全な方法です。 デザインを変更するすべての Canva スキルは、次のプロトコルに厳密に従う必要があります: トランザクション開始 → 操作の実行 → コミット（承認あり）

変更はコミットされるまで下書き状態であり、コミットされない場合は完全に失われます。

トランザクション プロトコル（常にこの順序で実行）

  1. Canva:start-editing-transaction — design_id を渡します。返却された transaction_id と pages 配列を必ず記憶してください。どちらも後続の呼び出しで必要です。ここで返されたサムネイルは必ずユーザーに表示してください。
  2. Canva:perform-editing-operations — 編集を適用します。transaction_id、前のレスポンスから得た pages 配列、変更する最初のページの page_index、そして operations 配列を渡します。可能な限り、複数の操作を1回の呼び出しにまとめてください。
  3. Canva:commit-editing-transaction — 保存します。後述の承認ゲートを参照してください。コミット後、その transaction_id は無効になります。新たに編集する場合は新しいトランザクションが必要です。
  4. Canva:cancel-editing-transaction — 保存せずに下書きを破棄します（例: ユーザーがプレビューを拒否した場合、またはデザインの確認のみを目的としてトランザクションを開始した場合）。

機能 — API でできること・できないこと

できること（perform-editing-operations の操作）

  • テキスト内容: replace_text（要素全体）、find_and_replace_text（部分文字列）
  • テキスト書式 (format_text): フォントサイズ、ウェイト（通常/太字）、スタイル（通常/斜体）、色、配置、行の高さ、下線、取り消し線、リンク、リストのレベル/マーカー
  • メディア: update_fill（画像/動画の置き換え）、insert_fill（画像/動画の追加）、delete_element
  • レイアウト: position_element、resize_element
  • メタデータ: update_title
  • オートフィル マッピング: update_autofill_field（固定ページのデザインのみ）

できないこと

  • フォント ファミリー/書体 の変更（変更できるのはサイズ・ウェイト・スタイルのみ）
  • 新しいテキスト要素 の追加（追加できるのはメディアのみで、新しいテキストボックスは追加不可）
  • 背景色やグラデーションの変更
  • ページ/スライドの追加・削除・並び替え
  • アニメーション、トランジション、要素の不透明度の変更（新たに挿入したフィルを除く）
  • 要素のグループ化/グループ解除、またはシェイプのスタイル変更（編集できるのはシェイプ内のテキストのみ）

リクエストされた変更が「できないこと」に該当する場合は、Canva エディターで手動で行う必要があることをユーザーに伝えてください。回避策を試みないでください。

レスポンシブ ページ — 制限された操作セット

一部のページは is_responsive: true として返される場合があります。 そのようなページでは、以下の操作のみ許可されます: update_title、replace_text、update_fill、delete_element、find_and_replace_text

perform-editing-operations を呼び出す前に、pages 配列を確認してください。 レスポンシブ ページに対してサポートされていない操作（例: format_text、position_element、resize_element、insert_fill）が含まれている場合は、呼び出しを行わないでください。 代わりに、その操作が当該ページでサポートされていないことをユーザーに伝え、代替手段を提案してください。

コミット承認ゲート（必須）

commit-editing-transaction は変更を永続化します。 コミットを実行する前に、何が変更されたか（およびプレビュー サムネイル）を正確にユーザーに提示し、明示的な承認を得なければなりません。 例: 「こちらがプレビューです。このデザインへの変更を保存しますか？」 明確な「はい」の返答を待ってください。

  • 承認なしにコミットしないでください。
  • コミット呼び出しが成功する前に、変更が保存されたとユーザーに伝えないでください。
  • コミットが成功したら、Canva でデザインを開くための直接リンクをユーザーに提供してください。
  • コミットが失敗した場合、すべての変更は失われます。新しいトランザクションを開始してやり直してください。

スキルを組み合わせる場合の注意: 一括変更に対して事前に1回の承認を取得するスキル（例: canva-implement-feedback）では、その承認をコミットへの承認として扱い、改めて確認を求めないでください。そのスキル独自の確認ルールに従ってください。上記のゲートは、直接的なアドホック編集に対するデフォルトの動作です。

ワークフロー

ステップ 1: デザインを特定する

  • ショートリンク（canva.link/...）→ Canva:resolve-shortlink で URL を取得します。
  • 完全な Canva URL → デザイン ID（/design/ 以降のセグメント）を抽出します。
  • 生のデザイン ID（D で始まる）→ そのまま使用します。検索は不要です。
  • 何も提供されていない場合 → デザイン ID またはリンクをユーザーに確認してください。

ステップ 2: トランザクションを開始してデザインを確認する

Canva:start-editing-transaction を呼び出します。 サムネイルを表示します。 返却されたコンテンツを使用して、対象とする正確な element_id を特定してください。 （確認のみが目的だった場合は、cancel-editing-transaction を呼び出して終了してください。）

ステップ 3: 操作を構築して実行する

ユーザーのリクエストを具体的な操作に変換します。 find_and_replace_text の文字列が複数の箇所またはコンテキストに一致する可能性がある場合は、先にスコープを確認してください（どの箇所を対象とするかユーザーに尋ねてください）。 可能であれば、すべての操作を1回の perform-editing-operations 呼び出しにまとめてください。

ステップ 4: プレビューとコミット

生成されたサムネイルと、変更内容を平易な言葉でまとめたリストを表示します。 承認を求め、commit-editing-transaction を呼び出します。 編集リンクを共有してください。

ルール

  • トランザクション内では、transaction_id と pages 配列を必ず記憶して再利用してください。
  • ユーザーに伝えることなく、トランザクションを未コミットのまま放置しないでください。
  • 破壊的な操作（delete_element、大規模な find_and_replace_text）を実行する前に、スコープを確認してください。
  • 小さな呼び出しを何度も行うより、1回にまとめた perform-editing-operations 呼び出しを優先してください。
原文（English）を表示

Canva Design Editing

The canonical, safe way to apply edits to an existing Canva design. Every Canva skill that mutates a design should follow this exact protocol: start a transaction → perform operations → commit (with approval). Changes are draft-only until committed and are PERMANENTLY LOST if not committed.

The Transaction Protocol (always these steps, in order)

  1. Canva:start-editing-transaction — pass the design_id. Remember the returned transaction_id and the pages array; both are required by later calls. ALWAYS show the user the thumbnail(s) returned here.
  2. Canva:perform-editing-operations — apply edits. Pass the transaction_id, the pages array from the previous response, the page_index of the first page being changed, and an operations array. Batch multiple operations into a single call wherever possible.
  3. Canva:commit-editing-transaction — save. See the approval gate below. After committing, the transaction_id is invalid; a new edit needs a new transaction.
  4. Canva:cancel-editing-transaction — discard the draft instead of saving (e.g. the user rejects the preview, or you opened a transaction only to inspect the design).

Capabilities — what the API CAN and CANNOT do

CAN (operations on perform-editing-operations)

  • Text content: replace_text (whole element), find_and_replace_text (substring)
  • Text formatting (format_text): font size, weight (normal/bold), style (normal/italic), color, alignment, line height, underline, strikethrough, links, list level/marker
  • Media: update_fill (replace image/video), insert_fill (add image/video), delete_element
  • Layout: position_element, resize_element
  • Metadata: update_title
  • Autofill mapping: update_autofill_field (fixed-page designs only)

CANNOT

  • Change font family/typeface (only size, weight, style)
  • Add new text elements (you can only insert media, not new text boxes)
  • Change background colors or gradients
  • Add, remove, or reorder pages/slides
  • Modify animations, transitions, or element opacity (except on newly inserted fills)
  • Group/ungroup elements, or restyle shapes (only text inside shapes is editable)

When a requested change is in the CANNOT list, tell the user it must be done manually in the Canva editor — don't attempt a workaround.

Responsive pages — restricted operation set

Some pages come back marked is_responsive: true. On those pages, ONLY these operations are allowed: update_title, replace_text, update_fill, delete_element, find_and_replace_text.

Before calling perform-editing-operations, check the pages array. If any operation targets a responsive page with an unsupported op (e.g. format_text, position_element, resize_element, insert_fill), do NOT make the call — tell the user that operation isn't supported on that page and offer an alternative.

The commit approval gate (required)

commit-editing-transaction makes changes permanent. You MUST show the user exactly what changed (and the preview thumbnail) and get explicit approval before committing — e.g. "Here's the preview. Save these changes to your design?" Wait for a clear yes.

  • Do NOT commit without approval.
  • Do NOT tell the user changes are saved before the commit call has succeeded.
  • After a successful commit, give the user a direct link to open the design in Canva.
  • If a commit fails, all changes are lost — start a new transaction to retry.

Note for composing skills: a skill that already collects a single up-front approval for a batch of changes (e.g. canva-implement-feedback) should treat that approval as covering the commit and NOT ask again. Follow that skill's own confirmation rules; the gate above is the default for direct, ad-hoc edits.

Workflow

Step 1: Resolve the design

  • Short link (canva.link/...) → Canva:resolve-shortlink to get the URL.
  • Full Canva URL → extract the design ID (the segment after /design/).
  • Raw design ID (starts with D) → use directly; do NOT search.
  • Nothing provided → ask for the design ID or link.

Step 2: Start the transaction and inspect

Call Canva:start-editing-transaction. Show the thumbnail(s). Use the returned content to locate the exact element_ids you need to target. (If you only needed to look, call cancel-editing-transaction and stop.)

Step 3: Build and perform operations

Translate the user's request into concrete operations. Confirm scope first when a find_and_replace_text string could match in multiple places or contexts — ask which instances they mean. Batch all operations into one perform-editing-operations call when you can.

Step 4: Preview and commit

Show the resulting thumbnail and a plain-language list of what changed. Ask for approval, then commit-editing-transaction. Share the edit link.

Rules

  • Always remember and reuse the transaction_id and pages array within a transaction.
  • Never leave a transaction uncommitted without telling the user their draft was discarded.
  • For destructive ops (delete_element, large find_and_replace_text), confirm scope before performing.
  • Prefer one batched perform-editing-operations call over many small ones.

原文・著作権は Anthropic および各プラグイン作者に帰属します。日本語訳は Claude API による自動翻訳です。