Atom
日本語

スキル

スキルは、パターン、手法、ブランドガイドラインをAtomへ教える再利用可能な指示です。作成後は、スラッシュコマンドまたはプロンプト内の名前から呼び出せます。

スキルの用途

スキルには、プロジェクトをまたいで残したい知識を保存できます。

  • ブランドガイドライン — カラーパレット、タイポグラフィ規則、ロゴアニメーション基準
  • アニメーション手法 — キネティックタイプの作り方、イージング設定、タイミングパターン
  • プロジェクト規則 — レイヤー命名、コンポ整理、エクスプレッションテンプレート
  • 再利用ワークフロー — タイトルカード構造、ローワーサードのレイアウト、トランジションスタイル

「すべてのスケールアニメーションにブランド共通のオーバーシュートイージングを使う」と毎回説明する代わりに、スキルを一度作り、必要なときに呼び出せます。

スキルを作成

Atomへ作成を依頼する方法と、手動で作る方法があります。

Atomにスキル作成を依頼

必要な内容を説明すると、今後のチャットで名前から呼び出せるスキルをAtomが作成します。

このコンポを確認し、ブランド設定を再利用できるスキルとして保存
透かしと低解像度書き出しを使い、クライアントレビュー用にコンポを準備するスキルを保存
滑らかなキネティックタイプでテキストレイヤーをアニメーションするスキルを作成

Atomはツールを使ってプロジェクトの文脈を集め、レイヤー、プロパティ、キーフレーム、エクスプレッションを確認します。その後、名前、説明、詳しい指示を含む自己完結型スキルを書きます。生成中はライブプレビューが表示されます。

既存の作業からでも、説明だけからでもスキルを作成できます。関連するプロジェクトの文脈がある場合は作成済みの内容を確認し、最初から説明した場合は、その説明に基づいて指示を書きます。

保存する内容や場所も指定できます。

直前に作ったエクスプレッションに絞ったスキルを作成
これをスキルとして保存し、どのフォントでも使えるよう一般化
このプロジェクトと一緒に残るプロジェクトスキルとして保存

既存の作業からスキルを作る場合は、先に同じ会話内で作成・調整してください。チャット履歴に関連する文脈が多いほど、スキルの内容が良くなります。

手動で作成

  1. チャット入力欄に/を入力します
  2. メニューからCreate Skillを選びます
  3. 各フィールドを入力します
    • Name — 短く内容がわかる名前（kebab-caseのスキルIDになります）
    • Description — このスキルを使う場面
    • Scope — Global（すべてのプロジェクト）またはProject（現在のプロジェクトと一緒に保存）
    • Instructions — Atomが従う詳しい指示

Settings > Skills > Createからも同じフォームを開けます。

スキルを使う

スラッシュコマンド

/の後にスキル名を入力して呼び出します。

/corporate-style 「Q4 Results」のタイトルカードを作成
/kinetic-type タグラインを弾む動きでアニメーション

スキルは入力欄にトークンとして表示されます。Atomは依頼を処理する前にスキルの指示を読み込みます。

/に続けて入力すると、名前でスキルを絞り込めます。矢印キーで移動し、Enterで選択します。

自然な言葉

会話の中でスキル名またはIDを指定することもできます。

ロゴアニメーションのスキルをこのレイヤーへ適用
このコンポにcorporate brandingスキルを使用

依頼が特定のスキルを明確に示している場合、Atomは一致するスキルを読み込めます。

自動マッチング

最も確実なのは、/skill-idまたはメッセージ内のスキル名で明示的に呼び出す方法です。動作を予測しやすく、どの指示が有効かも明確になります。

スキルを管理

Settings > Skillsを開き、スキルの表示、編集、コピー、削除を行います。

各スキルには次の情報があります。

  • Name — 表示名
  • Scope badge — GlobalまたはProject
  • Description — 使用する場面
  • Edit — スキルの指示を変更
  • Copy — スキル内容をクリップボードへコピー
  • Delete — スキルを完全に削除

スキルのファイル形式

スキルはYAML frontmatterを含むSKILL.mdとして保存されます。

---
name: kinetic-type
description: Animated text reveal with overshoot easing
---
Apply scale animation from 0% with overshoot...

(Markdown instructions continue here)

nameフィールドはkebab-caseへ変換され、スキルIDになります。descriptionには使用する場面を書きます（目安約100文字、最大500文字）。frontmatter以降がAtomの従う指示です。

添付ファイル

スキルには指示と一緒にJSX（ExtendScript）ファイルを含められます。再利用可能なスクリプトを含むスキルをAtomが作ると、番号付き.jsxとしてスキルフォルダーへ保存し、frontmatterから参照します。

---
name: review-prep
description: Prep projects for client review with watermark and downscaled export
attachments:
  1: 'Watermark overlay script'
  2: 'Export preset builder'
---

添付ファイル（1.jsx、2.jsxなど）は、スキルフォルダー内でSKILL.mdの隣に保存されます。スクリプトが必要なスキルを作るとAtomが自動で書き込みます。

保存場所

スキルはスコープに応じて、次のいずれかへ保存されます。

  • Globalスキル： ~/Library/Application Support/atom/skills/
  • Projectスキル： [After Effects project folder]/atom/skills/

各スキルには専用フォルダーがあり、SKILL.mdと添付.jsxが入ります。フォルダーは手動で編集でき、別のコンピューターへバックアップできます。

GlobalとProjectスコープ

Globalスキルは、コンピューター上のすべてのプロジェクトで利用できます。個人の規則、スタジオのブランドガイドライン、常用する手法に使います。

Projectスキルは、.aepファイルの隣にあるatom/skills/フォルダーへ保存されます。プロジェクト固有のパターン、クライアント規則、プロジェクトファイルと一緒に移動するテンプレートに使います。

Projectスキルは、After EffectsのCollect FilesまたはConsolidate All Footageでは転送されません。atom/フォルダーはAfter Effectsのアセットとして認識されないため、アーカイブや別のコンピューターへの移動時は、atom/skills/をプロジェクトファイルと一緒に手動でコピーしてください。

Projectスコープは、After Effectsプロジェクトをファイルへ保存済みの場合だけ選べます。未保存の場合、Create SkillフォームのProject切り替えは無効になります。

スキルの例

ブランドカラーパレット

---
name: acme-brand
description: Use for all Acme Corp projects
---

# Acmeブランドガイドライン

## カラー

- Primary: #E63946 (Acme Red)
- Secondary: #1D3557 (Navy)
- Accent: #F1FAEE (Off-white)
- Text: #457B9D (Steel blue)

## 使い方

- 見出し：Navy上にAcme Red
- 本文：Steel blue
- 背景：Off-whiteまたはNavy
- 白いアウトラインなしでNavy上に赤を使わない

アニメーションプリセット

---
name: smooth-reveal
description: Standard text reveal animation
---

# 滑らかな表示パターン

## 設定

1. テキストの不透明度を0%に設定
2. 最終位置より50px下に配置
3. 20フレームにわたりキーフレームを追加

## タイミング

- 不透明度：リニア
- 位置：イーズアウト（影響度75%）
- レイヤーを3フレームずつずらす

## 仕上げ

- 0.5pxのモーションブラーを追加
- エッジを鮮明に保つため連続ラスタライズを有効化

エクスプレッションテンプレート

---
name: wiggle-control
description: Controlled wiggle with slider
---

# Wiggleコントロールの設定

レイヤーに「Wiggle Amount」というスライダーコントロールを作成します。

プロパティへ次のエクスプレッションを適用します。

    wiggleAmount = effect("Wiggle Amount")("Slider");
    freq = 3;
    amp = wiggleAmount;
    wiggle(freq, amp);

これにより、エクスプレッションを編集せずwiggleの強さを調整できます。