Integrasikan model generasi multimodal dengan Token Plan (Team Edition) - Alibaba Cloud Model Studio

Model pembuatan gambar harus diintegrasikan melalui mekanisme ekstensi masing-masing tool (Skill, Slash Command, atau Agent).

Ikhtisar

Tool coding AI tidak dapat memanggil model pembuatan gambar secara langsung melalui konfigurasi model. Anda perlu mengintegrasikannya melalui mekanisme ekstensi yang disediakan oleh masing-masing tool.

Contoh: Claude Code

Contoh berikut menunjukkan cara mengintegrasikan model pembuatan gambar di Claude Code menggunakan Slash Command. Proses integrasinya serupa untuk tool lainnya, meskipun mekanisme ekstensi dan path file konfigurasinya berbeda.

Langkah 1: Buat Slash Command

Buat file .claude/commands/text-to-image.md di direktori root proyek Anda dengan konten berikut:

Panggil API text-to-image Token Plan untuk menghasilkan gambar berdasarkan deskripsi.

Permintaan pengguna: $ARGUMENTS

## Langkah-langkah

1. Ekstrak prompt (deskripsi gambar), model (default: qwen-image-2.0), dan ukuran (default: 1024*1024) dari permintaan pengguna.

2. Panggil API untuk menghasilkan gambar (gunakan tool Bash untuk menjalankan curl):

```
curl -s -X POST "https://token-plan.ap-southeast-1.maas.aliyuncs.com/api/v1/services/aigc/multimodal-generation/generation" \
  -H "Authorization: Bearer $ANTHROPIC_AUTH_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{
    "model": "<model>",
    "input": {
      "messages": [{"role":"user","content":[{"text":"<prompt>"}]}]
    },
    "parameters": {"size":"<size>"}
  }'
```

3. Ekstrak URL gambar dari output.choices[*].message.content[*].image dalam respons JSON.

4. Unduh gambar ke direktori saat ini dengan curl -s -o "generated_$(date +%Y%m%d_%H%M%S).png" "<URL>".

5. Tampilkan path file gambar yang dihasilkan kepada pengguna.

Langkah 2: Hasilkan gambar

Di Claude Code, ketik /text-to-image draw a cat.

Tool lainnya

Tabel berikut menunjukkan mekanisme ekstensi dan path file konfigurasi untuk setiap tool. Simpan konten yang sama seperti pada contoh Claude Code di atas ke path yang sesuai.

Tool	Mekanisme ekstensi	Path file konfigurasi
Claude Code	Slash Command	`.claude/commands/text-to-image.md`
Codex	Skill	`~/.codex/skills/token-plan-image/SKILL.md`
Qwen Code	Skill	`~/.qwen/skills/text-to-image/SKILL.md`
OpenCode	Agent	`.opencode/agents/text-to-image.md`
OpenClaw	Skill	`~/.openclaw/workspace/skills/token-plan-image/SKILL.md`
Hermes Agent	Skill	`~/.hermes/skills/media/text-to-image/SKILL.md`

Catatan

Tool berbasis Skill (Codex, Qwen Code, OpenClaw, Hermes Agent) memerlukan YAML front matter di awal file konfigurasi:

---
name: "token-plan-image"
description: "Panggil model text-to-image Token Plan untuk menghasilkan gambar dari deskripsi teks. Diaktifkan saat pengguna meminta untuk menggambar atau menghasilkan gambar."
---

(... konten yang sama seperti contoh Claude Code di atas ...)

Agent OpenCode memerlukan format front matter yang berbeda:

---
description: "Panggil model text-to-image Token Plan untuk menghasilkan gambar dari deskripsi teks."
mode: subagent
tools:
  bash: true
  write: false
  edit: false
---

(... konten yang sama seperti contoh Claude Code di atas ...)