• Projects
  • Service
  • About
  • branding.bz
  • Podcast
  • Tips
  • FAQ
  • Recruit
  • Download
  • Contact
  • branding.bz(ブランド構築SaaS)
  • DESIGN NOW(デザインメディア)
  • X
  • LinkedIn
  • Spotify
  • Facebook

213-0011 神奈川県川崎市高津区久本3-6-7-303

© 2026 ID INC. All rights reserved

claude-skills/スキル
SKILLOfficialdesign

adobe

プラグイン
adobe-for-creativity
ライセンス
Apache-2.0
ソース
GitHub で見る ↗
説明

Adobe クリエイティビティ・コネクタ(Adobe社のクリエイティブツールとの連携機能)の利用ガイドツアーを表示します。利用可能な機能、各機能の使用例、そしてそれらを支える Adobe 製品を紹介します。 **次のような場合に使用:** - ユーザーが /adobe というコマンドで明示的に呼び出した - ユーザーが Adobe でできることを尋ねた - ユーザーが Adobe のスキルやツールについて知りたい - ユーザーが Adobe 機能のツアーや概要を求めた **注記:** 何かを実際に作成・編集・デザインしてほしいというリクエスト(例:「チラシを作って」)では、このガイドツアーは表示されません。そのようなリクエストは、対応する Adobe スキルやツールに直接つながります。

原文を表示

Show an onboarding tour of the Adobe for creativity connector: what capabilities are available, an example workflow for each, and which Adobe product powers it. Trigger when the user invokes /adobe by name, or asks what they can do with Adobe, what Adobe skills or tools exist, or wants a tour or overview of Adobe capabilities. Do NOT trigger this for a request to actually create/edit/design something (e.g. 'make me a flyer') — that goes straight to the matching Adobe skill or tool instead.

ユースケース
  • /adobe コマンドで呼び出された
  • Adobe でできることを尋ねられた
  • Adobe のスキルやツールについて知りたい
  • Adobe 機能のツアーや概要を求められた
本文(日本語訳)

目的

Adobe クリエイティビティコネクタ(創作作業向けの連携機能)の全体像を一目で把握するためのガイドです。どのような仕組みで動くのか、何ができるのか、そして各機能を試すための具体的な例を1つ用意しています。このスキルは情報提供のみで、ファイルの編集や生成、書き出しは行いません。

表示順序

1. 仕組みの説明 — ステップカード

step_card_display_v0 を view: "list" で呼び出します(リスト表示なら3つすべてを一度に見られます)。以下の内容を表示します。ただしアカウントが既に接続済みの場合はステップ1を削除し、権限が既に「常に許可」に設定されている場合はステップ2を削除してください:

  1. Adobe アカウントにサインイン — プラグインのインストールは完了していますが、ファイルの読み込みと編集にはAdobe のログイン情報が必要です。設定 > コネクタを開き、Adobe for creativity を探して「接続」を選択し、サインインしてください。
  2. Adobe ツールの使用を許可 — 設定 > コネクタから Adobe for creativity を開き、各ツールを 常に許可 に設定してください。Team または Enterprise プランの場合は、コネクタレベルのドロップダウンからすべてを一括更新できます。これにより、作業中に許可を求めるメッセージが割り込んでくるのを防げます。
  3. Adobe ファイルピッカーでファイルを追加 — 「フライヤーを作成して」といったリクエストをすると、ファイル選択画面が現れます。ファイルをチャットにドラッグするのではなく、このピッカーで画像やドキュメントをアップロードしてください。そうすることで Adobe が確実にそれらを読み込んで編集できるようになります。
  4. 作成したいものを選ぶ — 下のカード一覧を見て、気になるものを選んでください。例として示されているプロンプトをそのまま試してもいいし、自分用にアレンジしてもかまいません。

テキストのみの表示方法 (step_card_display_v0 が利用できない場合のみ) — 上記の内容を通常の番号付きリストとして表示します。ステップのタイトルを太字にしてから説明を同じ行またはすぐ下に記載してください。接続状態と権限状態に応じて、ステップ1またはステップ2を削除する同じ論理を適用してください。

2. 利用できる機能 — 機能グリッド

visualize:read_me を modules: ["mockup"] で呼び出し、その後 visualize:show_widget をレスポンシブなカードグリッド(repeat(auto-fit, minmax(280px, 1fr)))で呼び出します。各機能ごとに1枚のカードを作成します。read_me のデザインシステムルール(フラットな表面、CSS 変数、センテンスケース、グラデーションなし)に従いつつ、Adobe ブランドのプレミアムな見た目とします:

  • アイコンは中立的な色にする(var(--text-secondary))。赤を繰り返すと高級感ではなく、ごちゃごちゃした印象になります。
  • Adobe の赤(#FA0F00)は各カードにちょうど1回だけ、機能名のすぐ下に短い2px のアクセントライン(幅は約28px)として表示します。目立たせるのではなく、さりげない署名として機能します。
  • 機能名:15px、ウェイト 500、var(--text-primary)。
  • 説明:13px、var(--text-secondary)。
  • 例示プロンプト:font-family: var(--font-voice) のイタリック、var(--text-secondary) で引用符として表示します。これはデザインシステムがセリフフォントのために予約している「編集的な瞬間」であり、太字のサンセリフ引用符より落ち着いた印象になります。
  • スキル名:謎のタグではなく、オプションのショートカットとしてラベルし直します。var(--text-muted) で「または入力:」というプレフィックスを付け、背景のピルは不要です。スラッグのみを色付けします:<span style="color: #FA0F00; font-family: var(--font-mono); font-size: 11px;">/adobe-design-from-template</span> のように、Adobe の赤をコマンドテキストに適用して、チップを追加することなく目立たせます。ダークモードでも同じ16進数カラーコードは濃い背景に対して十分読みやすいので、色の切り替えは不要です。これが「スキル名は中立的な色のまま」というルールの唯一の例外です。スラッグはクリック可能・入力可能な要素なので、ラベルではなく色を付ける価値があります。
  • 「Powered by」行:最も小さいテキスト、var(--text-muted)。
  • 十分なパディング(1.25rem 1.5rem 以上)を確保し、小さいテキスト行を密に積み重ねないようにします。プレミアムな雰囲気を出すのは色数ではなく、ホワイトスペースです。

以下の表を情報源として使用します。基になっている adobe-for-creativity スキルが変更された場合は更新してください:

機能 アイコン 説明 例示プロンプト スキル名 Powered by
ドキュメントの確認とハイライト ti-highlight PDF への賢いハイライトとコメント。リスク、重要日、合計など。 「契約書で重要な部分をハイライトして」 /adobe-document-review Acrobat
テンプレートからデザイン作成 ti-layout-grid フライヤー、ポスター、ソーシャルメディア投稿、招待状、履歴書。 「ファーマーズマーケットのフライヤーを作って」 /adobe-design-from-template Adobe Express
複数の写真を一括編集 ti-wand 写真セット全体に統一された外観を適用。 「この旅行写真を暖かみのある統一した雰囲気にして」 /adobe-batch-edit-photos Photoshop、Lightroom プリセット
ポートレートの修整 ti-users 撮影やイベント用の一括処理。操作不要。 「このウェディングポートレート集を一括処理して」 /adobe-retouch-portraits Lightroom、Photoshop
写真と動画のサイズ変更 ti-crop ピクセル単位の寸法またはアスペクト比を指定。 「この動画を 1080x1920 にリサイズしてリールス用にして」 /adobe-resize-photos-and-videos Photoshop、Premiere
ソーシャルメディア用の準備 ti-device-mobile プラットフォーム対応のクロップと書き出しを一度に。 「これを Instagram、TikTok、LinkedIn 用に準備して」 /adobe-create-social-variations Adobe Express、Photoshop
ハイライトリール作成 ti-movie 長尺映像からインパクトのあるプロモーション動画に。 「この1時間の映像を 60 秒のリールに編集して」 /adobe-edit-quick-cut Premiere(Quick Cut)
ドキュメントをスケール編集 ti-file-text CSV をバッジ、証明書、メール封筒にマージ。 「この CSV をイベントバッジにマージして」 /adobe-create-pdfs-from-data InDesign
フォントを検索・プレビュー ti-typography ライセンス可能な Adobe フォントを検索、プレビュー、組み合わせ。 「ポスター用の大胆なディスプレイフォントを見つけて」 /adobe-fonts Adobe Fonts

テキストのみの表示方法 (visualize:read_me または visualize:show_widget が利用できない場合のみ) — 両方の visualize 呼び出しをスキップし、同じテーブルを通常のマークダウンリストとして表示します。機能ごとに1行、順序は上記と同じです。機能名を太字;説明を次の行;例示プロンプトをイタリックの引用符で;スキルスラッグをインラインコード表示して「— powered by <Powered by>」を後に付けます(例: `/adobe-design-from-template` — powered by Adobe Express)。アイコンと赤のアクセントラインは削除します。プレーンテキストにはスタイルを適用できません。

3. 終わりに — 軽い呼びかけ(ツールではなく文章)

ユーザーが例示プロンプトをそのまま試してみるよう促す短い1文です。グリッドの内容を繰り返さないでください。カードがすでに示しています。

ツール参考資料

ステップ ツール 注記
仕組みの説明 — ステップカード step_card_display_v0 view: "list";接続状態と権限状態に応じてステップ1またはステップ2を削除;利用不可の場合は通常の番号付きリストにフォールバック
利用できる機能 — 機能グリッド visualize:read_me modules: ["mockup"]、show_widget の前に呼び出し;利用不可の場合は両方の visualize 呼び出しをスキップ
利用できる機能 — 機能グリッド visualize:show_widget レスポンシブな機能カードグリッドを表示;利用不可の場合は通常のマークダウンリストにフォールバック

基本ルール

  • このスキルはツアーの表示のみです。オンボーディング中に adobe_mandatory_init や他の Adobe ツールを呼び出さないでください。これらはユーザーが実際にワークフローをリクエストした時にのみ実行されます。
  • ユーザーの次のメッセージが実際のリクエスト(ツアーについての質問ではない)であれば、グリッドを再度表示するのではなく、対応する adobe-for-creativity スキル/ツールに処理を引き渡してください。
  • 各ウィジェットツールを最初に試してください。ツール呼び出しが現在の環境で実際に利用できない場合(ツールリストに存在しないなど)にのみ、テキストのみのフォールバックに切り替えてください。1回の呼び出し失敗では切り替えません。
  • カード内のテキストは各行1行にします。詳細はツール呼び出しの外側の文章で説明してください。ウィジェット内には記載しません。
  • 上記の表にある機能がインストール済みの内容と合致しなくなった場合は、実際には利用できないツールを説明するのではなく、その行を削除または更新してください。
原文(English)を表示

Purpose

A one-glance orientation to the Adobe for creativity connector: how the flow works, what's available, and a concrete example prompt for each capability so the user can just try one. This skill is informational only — it never edits, generates, or exports anything itself.

Render, in order

1. How it works — step card

Call step_card_display_v0 with view: "list" (list lets the user scan all three at once) and this content, adjusted only if the account is already connected (drop step 1 in that case) or permissions are already set to Always allow (drop step 2):

  1. Sign in to your Adobe account — The plugin's installed, but it still needs your Adobe login to read and edit your files. Go to Customize > Connectors, find Adobe for creativity, and select Connect to sign in.
  2. Allow Adobe tools — Under Customize > Connectors, open Adobe for creativity and set each tool to Always allow. On Team or Enterprise plans, you can update them all at once from the connector-level dropdown. This prevents approval prompts from interrupting your work.
  3. Add your files through the Adobe file picker — When you ask for something like "make me a flyer," a file picker will pop up — use it to upload your images or documents instead of dragging them into the chat. This makes sure Adobe can actually read and edit them.
  4. Choose what to create — Browse the tiles below and pick what inspires you. Try the example prompt as-is or make it your own.

Text-only fallback (only if step_card_display_v0 is unavailable) — render the same content as a plain numbered markdown list: bold the step title, then its description on the same line or immediately after. Apply the same drop-step-1/drop-step-2 logic based on connection and permission state.

2. What's available — capability grid

Call visualize:read_me with modules: ["mockup"], then visualize:show_widget with a responsive card grid (repeat(auto-fit, minmax(280px, 1fr))), one card per capability below. Follow the design-system rules from read_me (flat surfaces, CSS variables, sentence case, no gradients), with this Adobe-branded, premium treatment:

  • Icon stays neutral (var(--text-secondary)), not red. Repeating the brand red on every element reads busy, not premium.
  • Adobe's red (#FA0F00) appears exactly once per card, as a short 2px accent rule (~28px wide) directly under the capability name — a quiet signature, not a highlight color.
  • Capability name: 15px/500, var(--text-primary).
  • Description: 13px, var(--text-secondary).
  • Example prompt: rendered as a quote in font-family: var(--font-voice) italic, var(--text-secondary) — this is the "editorial moment" the design system reserves the serif for, and it reads calmer than bold sans quotes.
  • Skill name: relabeled as an optional shortcut, not a mystery tag — prefix with "Or type:" in var(--text-muted), no background pill. Only the slug itself is colored: <span style="color: #FA0F00; font-family: var(--font-mono); font-size: 11px;">/adobe-design-from-template</span> — Adobe's exact accent red, matching the rule under the title, applied only to the command text so it stands out without adding a chip. In dark mode the same hex still reads fine against dark surfaces; no swap needed. This is the one exception to "skill name stays neutral" above — the slug earns color because it's now a clickable/typeable affordance, not a label.
  • Powered-by line: smallest text, var(--text-muted).
  • Generous padding (1.25rem 1.5rem+) and avoid stacking too many small text lines tightly — whitespace is what makes it feel premium, not more color.

Keep this table as the source of truth — update it if the underlying adobe-for-creativity skills change:

Capability Icon Description Example prompt Skill Powered by
Review and highlight a document ti-highlight Smart highlights and comments on any PDF — risks, key dates, totals. "highlight what matters in this contract" /adobe-document-review Acrobat
Design from a template ti-layout-grid Flyers, posters, social posts, invites, resumes. "make me a flyer for a farmers market" /adobe-design-from-template Adobe Express
Batch edit photos ti-wand A consistent look across a whole set of images. "give these travel photos a warm, cohesive look" /adobe-batch-edit-photos Photoshop, Lightroom presets
Retouch portraits ti-users Walk-away batch processing for shoots and events. "batch process this folder of wedding portraits" /adobe-retouch-portraits Lightroom, Photoshop
Resize photos and videos ti-crop Exact pixel dimensions or aspect ratios, on demand. "resize this video to 1080x1920 for reels" /adobe-resize-photos-and-videos Photoshop, Premiere
Prep for social platforms ti-device-mobile Platform-ready crops and exports in one pass. "get this ready for Instagram, TikTok, and LinkedIn" /adobe-create-social-variations Adobe Express, Photoshop
Highlight reels ti-movie Cut long footage into a punchy sizzle reel. "turn this hour of footage into a 60-second reel" /adobe-edit-quick-cut Premiere (Quick Cut)
Personalize a document at scale ti-file-text Merge a CSV into badges, certificates, mailers. "merge this CSV into event badges" /adobe-create-pdfs-from-data InDesign
Find and preview fonts ti-typography Search, preview, and pair licensable Adobe Fonts typefaces. "find a bold display font for a poster" /adobe-fonts Adobe Fonts

Text-only fallback (only if visualize:read_me/visualize:show_widget are unavailable) — skip both visualize calls and render the same table as a plain markdown list, one entry per capability, in this order: bold capability name; the description on the next line; the example prompt as an italic quote; then the skill slug as inline code with "— powered by <Powered by>" after it, e.g. `/adobe-design-from-template` — powered by Adobe Express. Drop the icon and the red accent rule — there's no styling to carry over in plain text.

3. Close with a nudge, in prose (not a tool)

One short sentence inviting the user to just try one of the example prompts verbatim. Don't restate the grid content — the cards already show it.

Tool Reference

Step Tool Notes
How it works — step card step_card_display_v0 view: "list"; drop step 1 or 2 per connection/permission state; falls back to a plain numbered list if unavailable
What's available — capability grid visualize:read_me modules: ["mockup"], called before show_widget; skip both visualize calls if unavailable
What's available — capability grid visualize:show_widget Renders the responsive capability card grid; falls back to a plain markdown list if unavailable

Ground rules

  • This skill only renders the tour. Never call adobe_mandatory_init or any other Adobe tool while onboarding — those fire only once the user actually asks for a workflow.
  • If the user's next message is a real request (not a question about the tour), hand off to the matching adobe-for-creativity skill/tool rather than re-showing the grid.
  • Try each widget tool first. Only drop to its text-only fallback when the tool call is genuinely unavailable in the current environment (e.g. absent from the tool list) — not merely because a call failed once.
  • Keep card copy to one line each; put any nuance in your own prose outside the tool calls, not inside the widget.
  • If a capability in the table above no longer matches what's installed, drop or update that row rather than describing a tool that isn't actually available.

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