• 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 for creativity コネクタ(Adobe のアプリと連携するための機能)の全体像を一目で理解できるようにするスキルです。どのような流れで動くのか、何ができるのか、そして各機能を試してみるための具体的な例文を提供します。このスキル自体は情報提供のみで、ファイルの編集や生成、書き出しなどは行いません。

表示内容(順序に従う)

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 参照)に従いながら、以下の Adobe ブランドプレミアム仕様を適用します:

  • アイコンは中立的な色 (var(--text-secondary)) にします。Adobe の赤をすべてのカードに繰り返すと、高級感ではなく雑然とした印象になります。
  • Adobe の赤 (#FA0F00) は機能名の下に2px の短いアクセント線 (~28px 幅) として、1枚のカードに正確に1回だけ使用します。目立つハイライトではなく、静かなシグネチャーとしての役割です。
  • 機能名:15px/500ウェイト、var(--text-primary)。
  • 説明:13px、var(--text-secondary)。
  • 例文:font-family: var(--font-voice) イタリック、var(--text-secondary) の引用符風で表示してください。デザインシステムでセリフ体を使う「編集的な瞬間」として機能し、ボールドなサンセリフ体より落ち着いた印象になります。
  • スキル名:謎めいたタグではなく、オプションのショートカットとして重ラベルします。var(--text-muted) の「Or type:」で前置きし、背景のピルは不要です。スラグ部分だけを色付けします:<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 スキルに変更があれば、この表も更新してください:

機能 アイコン 説明 例文 スキル 提供元
テンプレートからデザイン ti-layout-grid チラシ、ポスター、SNS投稿、招待状、履歴書 「ファーマーズマーケット向けのチラシ作成」 /adobe-design-from-template Adobe Express
一括写真編集 ti-wand 大量の画像を統一したルックで仕上げる 「旅行写真を暖色系で統一した雰囲気に」 /adobe-batch-edit-photos Photoshop、Lightroom
ポートレート補正 ti-users 撮影会やイベント後の一括処理 「ウェディングポートレートのフォルダを一括処理」 /adobe-retouch-portraits Lightroom、Photoshop
写真・動画をリサイズ ti-crop ピクセル指定またはアスペクト比で自由リサイズ 「この動画を 1080x1920 にリサイズして Reels 用に」 /adobe-resize-photos-and-videos Photoshop、Premiere
SNS プラットフォーム対応 ti-device-mobile 一度の操作で各プラットフォーム向けに最適化 「Instagram、TikTok、LinkedIn 用に対応」 /adobe-create-social-variations Adobe Express、Photoshop
ハイライトリール ti-movie 長い映像から 30~60 秒の印象的なリールを制作 「1時間の映像から 60 秒のリール作成」 /adobe-edit-quick-cut Premiere(Quick Cut)
ドキュメント大量パーソナライズ ti-file-text CSV をバッジ、修了証、ダイレクトメールに自動反映 「CSV をイベントバッジにマージ」 /adobe-create-pdfs-from-data InDesign

テキストのみの代替表示 (visualize:read_me / visualize:show_widget が利用できない場合のみ) —
両方の visualize 呼び出しをスキップし、同じ内容を箇条書きマークダウンリストで表示します。この順序に従い、1行ごとに1つの機能を記述します:機能名を太字にしたあと、次の行に説明を記述;例文をイタリック体の引用符で表示;その後スキル スラグをインラインコードで「— powered by 提供元」とともに表示してください。例: `/adobe-design-from-template` — powered by Adobe Express。アイコンと赤いアクセント線は削除してください(テキスト表示では適用できないため)。

3. 最後に軽いお誘い — 散文形式(ツール不要)

例文の1つをそのまま試してみるよう促す、短い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
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

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 による自動翻訳です。