> ## Documentation Index
> Fetch the complete documentation index at: https://www.helius.dev/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Keahlian Phantom

> Keahlian ahli untuk membangun aplikasi frontend Solana dengan Phantom Connect SDK dan Helius — integrasi dompet, penandatanganan transaksi, pembatasan akses berbasis token, dan pembayaran.

Keahlian **Phantom** menjadikan asisten AI Anda ahli dalam membangun aplikasi frontend Solana. Keahlian ini menggabungkan [Phantom Connect SDK](https://phantom.com) — integrasi dompet untuk React, React Native, dan JS vanilla — dengan infrastruktur Helius untuk pengiriman transaksi, pengoptimalan biaya, kueri aset, dan pembaruan real-time.

Setelah diinstal, AI secara otomatis membaca file referensi yang tepat dan memanggil [alat MCP](/docs/id/agents/mcp) yang tepat berdasarkan permintaan Anda — Anda tidak perlu memilih alat secara manual.

<Info>
  **Claude Code:** `/helius:phantom` (melalui [plugin](/docs/id/agents/claude-code-plugin)) atau dipanggil secara otomatis (mandiri). **Codex:** `$helius-phantom` (ditemukan secara otomatis dari `.agents/skills/`). **API / Cursor / ChatGPT:** Gunakan [varian prompt sistem](/docs/id/agents/skills/overview#menggunakan-keterampilan-di-berbagai-platform) siap pakai.
</Info>

## Cakupan

Keahlian Phantom mengarahkan AI ke berbagai SDK Phantom dan alat Helius:

| Domain                              | File Referensi                                   | Alat MCP yang Digunakan                                     |
| ----------------------------------- | ------------------------------------------------ | ----------------------------------------------------------- |
| **Koneksi Dompet — React**          | `react-sdk.md`                                   | —                                                           |
| **Koneksi Dompet — Browser**        | `browser-sdk.md`                                 | —                                                           |
| **Koneksi Dompet — React Native**   | `react-native-sdk.md`                            | —                                                           |
| **Transaksi**                       | `transactions.md`, `helius-sender.md`            | `getPriorityFeeEstimate`, `getSenderInfo`                   |
| **Pembatasan Akses Berbasis Token** | `token-gating.md`, `helius-das.md`               | `getAssetsByOwner`, `searchAssets`, `getAsset`              |
| **Pencetakan NFT**                  | `nft-minting.md`, `helius-sender.md`             | `getAsset`, `getPriorityFeeEstimate`                        |
| **Pembayaran Kripto**               | `payments.md`, `helius-enhanced-transactions.md` | `parseTransactions`, `getPriorityFeeEstimate`               |
| **Keamanan Frontend**               | `frontend-security.md`                           | —                                                           |
| **Tampilan Portofolio**             | `helius-das.md`, `helius-wallet-api.md`          | `getAssetsByOwner`, `getWalletBalances`, `getTokenBalances` |
| **Pembaruan Real-Time**             | `helius-websockets.md`                           | `transactionSubscribe`, `accountSubscribe`                  |
| **Riwayat Transaksi**               | `helius-enhanced-transactions.md`                | `parseTransactions`, `getTransactionHistory`                |
| **Pola Integrasi**                  | `integration-patterns.md`                        | Beberapa (bergantung pada pola)                             |

## Aturan Utama

Keahlian Phantom menerapkan pola penting yang mencegah kesalahan umum pada frontend:

* **Selalu gunakan `@phantom/react-sdk`** untuk React (jangan pernah gunakan `window.phantom.solana` atau `@solana/wallet-adapter-react`)
* **Selalu gunakan `@phantom/browser-sdk`** untuk JS vanilla dan **`@phantom/react-native-sdk`** untuk React Native
* **Jangan pernah mengekspos kunci API Helius dalam kode klien** — hanya `https://sender.helius-rpc.com/fast` yang aman digunakan di browser tanpa kunci API
* **Teruskan semua yang lain melalui proksi backend Anda** — jangan pernah membuka WebSocket Helius langsung dari browser
* **Selalu kirim transaksi melalui Helius Sender** dengan `skipPreflight: true`, `maxRetries: 0`, dan tip Jito
* **Gunakan alat MCP `getPriorityFeeEstimate`** — jangan pernah menetapkan biaya prioritas secara statis

## Pola Gabungan

Keahlian ini menyediakan lima pola referensi menyeluruh untuk aplikasi kompleks:

1. **UI Swap** — Agregator → penandatanganan Phantom → pengiriman Helius Sender
2. **Penampil Portofolio** — Koneksi Phantom → proksi backend → DAS/Wallet API
3. **Dasbor Real-Time** — Koneksi Phantom → WebSocket server → relai klien
4. **Transfer Token** — Buat VersionedTransaction → penandatanganan Phantom → pengiriman Sender
5. **Galeri NFT** — Dompet Phantom → kueri DAS backend → tampilkan NFT

## Prasyarat

Keahlian ini memerlukan [server MCP Helius](/docs/id/agents/mcp). Untuk dompet tertanam (login Google/Apple), Anda juga memerlukan akun [Phantom Portal](https://phantom.com/portal) dengan ID Aplikasi dan URL pengalihan yang masuk dalam daftar izin.

Jika Anda menginstal melalui [plugin Claude Code](/docs/id/agents/claude-code-plugin), server MCP akan dimulai secara otomatis. Untuk instalasi mandiri, tambahkan secara manual:

```bash theme={"system"}
claude mcp add helius npx helius-mcp@latest
```

## Instalasi Mandiri

Jika Anda menginginkan keahlian Phantom tanpa plugin lengkap, instal secara langsung:

<Steps>
  <Step title="Clone the repository">
    ```bash theme={"system"}
    git clone https://github.com/helius-labs/core-ai.git
    cd core-ai/helius-skills/helius-phantom
    ```
  </Step>

  <Step title="Run the install script">
    ```bash theme={"system"}
    ./install.sh
    ```

    Tindakan ini menginstal keahlian dan file referensinya ke `~/.claude/skills/helius-phantom/`.

    **Opsi:**

    * `./install.sh --project` — instal ke proyek saat ini (`.claude/skills/helius-phantom/`)
    * `./install.sh --path /custom/path` — instal ke direktori khusus
  </Step>

  <Step title="Install the Helius MCP server">
    ```bash theme={"system"}
    claude mcp add helius npx helius-mcp@latest
    ```
  </Step>

  <Step title="Set your API key">
    ```bash theme={"system"}
    export HELIUS_API_KEY=YOUR_API_KEY
    ```

    Atau gunakan alat MCP `setHeliusApiKey` di dalam Claude Code. Jika memerlukan akun baru, lihat [Helius CLI](/docs/id/agents/cli) atau gunakan alur pendaftaran otonom melalui [alat MCP](/docs/id/agents/mcp).
  </Step>
</Steps>

## Contoh Prompt

Setelah diinstal, ajukan permintaan dalam bahasa Inggris biasa:

* "Buat UI swap dengan dompet Phantom"
* "Buat penampil portofolio yang menampilkan token setelah menghubungkan Phantom"
* "Bagaimana cara meneruskan kunci API Helius saya melalui proksi di Next.js?"
* "Buat dasbor real-time dengan koneksi dompet"
* "Tambahkan pembatasan akses berbasis token ke aplikasi React saya menggunakan Phantom"
* "Buat halaman pencetakan NFT dengan Phantom dan Metaplex Core"

AI secara otomatis memilih alat yang tepat dan membaca file referensi yang tepat.

## Yang Disertakan

Keahlian ini menginstal dua komponen:

* **`SKILL.md`** — Logika perutean, aturan, dan konteks ahli yang memandu perilaku AI
* **`prompts/`** — Varian prompt sistem siap pakai (`openai.developer.md`, `claude.system.md`, `full.md`) — lihat [penyiapan platform](/docs/id/agents/skills/overview#menggunakan-keterampilan-di-berbagai-platform)
* **`references/`** — 16 file dokumentasi mendalam:
  * `react-sdk.md` — Phantom React SDK (`@phantom/react-sdk`)
  * `browser-sdk.md` — Phantom Browser SDK (`@phantom/browser-sdk`)
  * `react-native-sdk.md` — Phantom React Native SDK (`@phantom/react-native-sdk`)
  * `transactions.md` — Pola penandatanganan transaksi
  * `token-gating.md` — Kontrol akses berbasis token
  * `nft-minting.md` — Pencetakan NFT dengan Phantom
  * `payments.md` — Alur pembayaran kripto
  * `frontend-security.md` — Proksi kunci API dan CORS
  * `integration-patterns.md` — Pola gabungan menyeluruh
  * `helius-das.md` — Referensi DAS API
  * `helius-sender.md` — Referensi Sender
  * `helius-priority-fees.md` — Referensi biaya prioritas
  * `helius-wallet-api.md` — Referensi Wallet API
  * `helius-websockets.md` — Referensi WebSocket
  * `helius-enhanced-transactions.md` — Referensi Enhanced Transactions
  * `helius-onboarding.md` — Referensi penyiapan akun

## Pelajari Lebih Lanjut

<CardGroup cols={2}>
  <Card title="Helius MCP" icon="plug" href="/docs/id/agents/mcp">
    Server MCP yang mendukung alat-alat keahlian ini
  </Card>

  <Card title="Claude Code Plugin" icon="puzzle-piece" href="/docs/id/agents/claude-code-plugin">
    Instalasi MCP + keahlian dengan sekali klik
  </Card>

  <Card title="Build Skill" icon="hammer" href="/docs/id/agents/skills/build">
    Pengembangan Solana umum dengan Helius
  </Card>

  <Card title="GitHub" icon="github" href="https://github.com/helius-labs/core-ai">
    Kode sumber dan pelacakan masalah
  </Card>
</CardGroup>