Cara Menyimpan Percakapan Claude sebagai Markdown (Artifacts, kutipan, Projects)

·

Percakapan Claude semakin menjadi tempat di mana penelitian serius dan pekerjaan kode terjadi. Thread panjang dengan Artifacts, kutipan, dan dialog berjam-jam sering kali berisi lebih banyak penalaran daripada dokumen mana pun dalam catatan Anda. Namun Anthropic tidak menyediakan ekspor. Tidak ada tombol “unduh sebagai Markdown”, tidak ada dump JSON, tidak ada endpoint arsip. Setelah sebuah thread bergulir melewati sidebar Anda, satu-satunya cara untuk kembali adalah pencarian di claude.ai yang tidak selalu memunculkan apa yang Anda ingat.

Menyimpan percakapan Claude sebagai Markdown menyelesaikan tiga hal sekaligus: Anda mendapatkan arsip lokal permanen, Anda dapat mereferensikan penalaran masa lalu di dalam Obsidian atau Notion, dan Anda dapat memasukkan thread Claude lama kembali ke ChatGPT atau Gemini sebagai konteks saat Anda berganti model.

Panduan ini mencakup setiap metode untuk mengonversi percakapan Claude ke Markdown yang bersih --- dari obrolan cepat hingga thread penelitian 200K token dengan Artifacts.

Mengapa Menyimpan Percakapan Claude sebagai Markdown?

Markdown adalah format yang berfungsi di mana pun percakapan perlu dibawa:

  • Berikan ke LLM lain --- tempelkan thread Claude lama ke ChatGPT, Gemini, atau model lokal saat Anda menginginkan pendapat kedua atau gaya penalaran yang berbeda
  • Letakkan di Obsidian atau Notion --- satu file per percakapan, sepenuhnya dapat dicari, dapat ditautkan dari catatan proyek
  • Kutip giliran tertentu --- menemukan “momen Claude mengusulkan refactor” di thread dengan 50 giliran hanya berjarak satu pencarian
  • Arsipkan Artifacts sebagai file nyata --- kode, dokumen, komponen React yang dibangun Claude menjadi blok kode yang dapat Anda salin ke repo
  • Pertahankan kutipan --- hasil pencarian web yang menjadi dasar jawaban Claude menjadi catatan kaki yang dapat Anda audit nanti

Kasus penggunaan yang mendorong sebagian besar trafik Claude-ke-Markdown di tahun 2026 adalah yang pertama: orang menggunakan Claude untuk pekerjaan mendalam, lalu ingin menyimpan output dan penalaran, bukan hanya jawaban akhir.

Metode 1: Save (Tercepat, Satu Klik)

Save adalah ekstensi Chrome yang mengubah percakapan Claude apa pun menjadi file Markdown dengan satu klik. Ia menelusuri DOM percakapan, mengekstrak setiap giliran pengguna dan asisten secara berurutan, mengeluarkan Artifacts sebagai blok kode dengan pengenal bahasa yang tepat, dan mempertahankan kutipan sebagai catatan kaki.

Cara kerjanya:

  1. Buka percakapan Claude di Chrome (bekerja di claude.ai/chat/... dan tautan percakapan yang dibagikan)
  2. Klik ikon ekstensi Save di toolbar Anda
  3. File .md diunduh secara instan (atau masuk ke Save Vault Anda jika terhubung)

Apa yang Anda dapatkan:

  • Judul percakapan dan tanggal sebagai frontmatter
  • Setiap giliran pengguna dan asisten, secara berurutan, dengan label peran (## You / ## Claude)
  • Claude Artifacts (kode, dokumen, HTML, komponen React) diekstrak sebagai blok kode dengan pengenal bahasa yang tepat
  • Blok kode dalam balasan dengan petunjuk bahasa dipertahankan
  • Kutipan dari hasil pencarian web Claude sebagai catatan kaki Markdown
  • Giliran penggunaan alat ditangkap saat Claude memanggil alat (panggilan dan hasilnya muncul)
  • Konteks Project dipertahankan saat percakapan berada di dalam Claude Project dan system prompt atau file pengetahuan terlihat

Apa yang dihapus:

  • Navigation chrome Claude.ai, sidebar, pemilih model
  • Cabang regenerasi kosong yang tidak Anda pilih
  • UI affordances inline (tombol “Edit”, “Copy”, “Retry”)
  • Skeleton loading dan stream parsial

Terbaik untuk: Peneliti, insinyur, pengguna AI, siapa pun yang menjalankan thread panjang di Claude dan ingin menyimpan pekerjaan. Jika Anda memerlukan transkrip bersih yang akan Anda tempelkan ke model lain, arsipkan di Obsidian, atau serahkan ke rekan tim, ini adalah jalur paling bersih.

Contoh Output

Menyimpan percakapan Claude pendek dengan Artifact menghasilkan:

---
title: "Refactor my Express middleware into Hono"
url: https://claude.ai/chat/a1b2c3d4-...
model: Claude Opus 4.7
date: 2026-05-22
turns: 6
---

## You

Here's my Express middleware. Can you port it to Hono? I want to keep
the same auth behavior but drop the body-parser dependency.

```js
app.use((req, res, next) => {
  if (!req.headers.authorization) return res.sendStatus(401)
  // ...
})

Claude

Hono ships JSON parsing in core, so the body-parser dependency goes away on its own. The middleware shape is almost identical --- c.req instead of req, and you return instead of calling next().

Here’s the port 1:

import { Hono } from 'hono'

const app = new Hono()

app.use('*', async (c, next) => {
  const auth = c.req.header('Authorization')
  if (!auth) return c.text('Unauthorized', 401)
  await next()
})

File itu hanya satu tempel dari menjadi konteks ChatGPT yang dapat digunakan, satu ketukan tombol dari menjadi catatan Obsidian permanen, dan Artifact di dalamnya hanya satu salinan dari di-commit ke repo.

## Metode 2: Salin-Tempel Manual

Claude.ai memungkinkan Anda memilih teks di panel percakapan dan menyalinnya seperti halaman web lainnya.

**Langkah-langkah:**

1. Gulir ke bagian atas percakapan
2. Klik dan seret untuk memilih setiap giliran
3. Salin, tempel ke editor Markdown
4. Tambahkan label peran secara manual, perbaiki pagar blok kode, tambahkan kembali konten Artifact yang tidak masuk, rekonstruksi tautan kutipan

**Masalah dengan pendekatan ini:**

- Memilih percakapan lengkap dalam thread panjang itu rapuh --- Claude memvirtualisasi DOM, jadi menggulir menghilangkan giliran sebelumnya dari dokumen
- Artifacts tidak menyalin sebagai teks; Anda mendapatkan placeholder atau tidak sama sekali
- Blok kode kehilangan petunjuk bahasanya
- Kutipan pencarian web masuk sebagai `[1]` `[2]` tanpa URL tujuan
- Batas peran runtuh --- giliran pengguna dan Claude kabur menjadi satu dinding teks
- Percakapan bercabang (di mana Anda meregenerasi respons) membawa semua cabang sekaligus

Dapat digunakan untuk pertukaran 2 giliran. Berantakan pada apa pun yang lebih panjang dari satu layar.

## Metode 3: Browser Console + Script

Untuk pengembang, data percakapan ada di DOM. Anda dapat menulis script kecil di konsol Chrome DevTools untuk menelusurinya.

```js
const turns = document.querySelectorAll('[data-testid="conversation-turn"]')
const md = Array.from(turns).map(t => {
  const role = t.querySelector('[data-role]')?.dataset.role
  const body = t.querySelector('.prose')?.innerText
  return `## ${role === 'user' ? 'You' : 'Claude'}\n\n${body}`
}).join('\n\n---\n\n')
console.log(md)

Terbaik untuk: Insinyur yang menginginkan kontrol satu kali atas output, atau yang perlu membuat script ekstraksi massal di banyak thread.

Masalah dengan pendekatan ini:

  • Selector bukan bagian dari API publik mana pun; Anthropic secara teratur merilis perubahan UI dan script rusak tanpa peringatan
  • Artifacts dirender di dalam iframe atau portal React di luar pohon; innerText melewatkannya
  • Kutipan hidup di tooltip yang tidak ada di DOM awal
  • Giliran penggunaan alat disarangkan berbeda dari giliran teks
  • Anda harus login dan berada di tab percakapan; tidak berfungsi sebagai job batch

Jalan keluar yang masuk akal saat Anda mengontrol lingkungannya. Bukan metode yang bisa diandalkan.

Metode 4: Workbench API Anthropic (Merekonstruksi Percakapan)

API Anthropic mengekspos primitif percakapan melalui endpoint Messages, tetapi tidak ada endpoint yang mengembalikan percakapan claude.ai Anda di masa lalu. API hanya melihat percakapan yang Anda kirim melaluinya. Untuk merekonstruksi thread claude.ai secara terprogram, Anda harus memutar ulang sendiri.

curl https://api.anthropic.com/v1/messages \
  -H "x-api-key: $ANTHROPIC_API_KEY" \
  -H "anthropic-version: 2023-06-01" \
  -d '{
    "model": "claude-opus-4-5",
    "messages": [{ "role": "user", "content": "..." }]
  }'

Terbaik untuk: Tim yang membangun wrapper Claude mereka sendiri yang menyimpan percakapan di database mereka sendiri. Jika Anda mengontrol panggilan, Anda mengontrol ekspor.

Masalah untuk kasus penggunaan percakapan yang sudah ada:

  • Percakapan claude.ai masa lalu tidak dapat dijangkau melalui API
  • Memerlukan kredit API dan lapisan penyimpanan Anda sendiri
  • Tidak membantu Anda mengarsipkan thread yang sudah Anda miliki di UI web
  • Artifacts juga merupakan fitur API, tetapi pipeline render adalah milik aplikasi web, bukan API

Ini adalah metode yang tepat jika Anda membangun produk. Ini adalah metode yang salah jika Anda mencoba mengarsipkan thread penelitian kemarin.

Metode Mana yang Harus Anda Gunakan?

SkenarioMetode Terbaik
Arsipkan thread penelitian Claude yang sudah Anda milikiSave --- satu klik, output terstruktur
Tempelkan percakapan Claude lama ke ChatGPT atau GeminiSave --- setiap giliran, Artifacts utuh
Simpan Artifact (kode, doc, React) yang Claude buat untuk AndaSave --- diekstrak sebagai blok kode
Letakkan thread ke Obsidian bersama catatan proyekSave --- frontmatter dan heading bersih
Bangun logger percakapan Anda sendiri dari awalAnthropic API --- jika Anda mengontrol panggilan
Salinan kasar cepat dari pertukaran 2 giliranSalin-tempel manual --- gratis, cepat, berantakan
Ekstraksi satu kali dengan transformasi khususScript konsol --- jika Anda nyaman dengan selector

Untuk kebanyakan orang --- terutama siapa pun yang menggunakan Claude untuk penelitian, rekayasa, atau penulisan --- Save adalah jawabannya. Ia menghasilkan Markdown terbersih dengan nol pengaturan, dan menangani thread 200K token dengan kecepatan yang sama dengan obrolan satu giliran.

Kasus Khusus yang Ditangani Save

  • Claude Projects. Setiap percakapan di dalam Project diekstrak sebagai file mandiri. Saat system prompt atau file pengetahuan Project terlihat di header percakapan, Save menangkapnya di frontmatter sehingga konteksnya tidak hilang.
  • Percakapan multi-Artifact. Thread di mana Claude membangun tiga Artifacts (mis. halaman HTML, komponen React, dan skema SQL) keluar dengan setiap Artifact sebagai blok kode sendiri, dalam urutan kemunculannya, dengan pengenal bahasa yang tepat.
  • Percakapan sangat panjang. Jendela konteks 200K Claude dapat menghasilkan thread dengan ratusan giliran dan puluhan ribu kata. Save streaming DOM saat menggulir, jadi thread lengkap masuk tanpa kehilangan giliran sebelumnya.
  • Respons bercabang dan diregenerasi. Saat Anda meregenerasi balasan Claude, hanya cabang yang Anda simpan (yang saat ini ditampilkan) yang diekspor. Cabang yang dibuang dilewati.
  • Giliran penggunaan alat. Saat Claude memanggil alat --- pencarian web, eksekusi kode, computer use --- baik panggilan maupun hasilnya ditangkap sebagai blok kode dengan penanda tool_use dan tool_result sehingga rantai penalaran tetap utuh.
  • Tautan percakapan yang dibagikan. URL claude.ai/share/... berfungsi sama seperti percakapan Anda sendiri. Berguna untuk mengarsipkan thread yang dibagikan seseorang dengan Anda.
  • Sesi Claude Computer Use. Terbatas pada apa yang terlihat di DOM --- screenshot dan penalaran model lewat, status VM yang mendasari tidak.
  • Percakapan Claude Code. Claude Code berjalan di terminal Anda, bukan di claude.ai. Untuk sesi terminal, lihat panduan workflow Claude Code + Obsidian untuk menangkapnya secara terpisah.

Pasangkan dengan Workflow Anda

Output Markdown berfungsi di mana pun Anda membutuhkannya:

  • ChatGPT / Gemini / model lokal --- tempel file, ajukan pertanyaan lanjutan terhadap model yang berbeda
  • Obsidian --- letakkan di vault Anda, tautkan dari catatan proyek, cari di setiap thread Claude yang pernah Anda simpan
  • Notion --- tempel langsung, heading dan blok kode Artifact dirender dengan benar
  • Apple Notes --- impor bersih melalui ekstensi berbagi Markdown
  • Repo git --- commit Artifacts langsung dari blok kode ke file yang tepat
  • Save Vault --- jika Anda telah menghubungkan satu, setiap penyimpanan Claude masuk ke sana secara otomatis dengan backlink dan tag

FAQ

Apakah Save berfungsi pada tautan percakapan yang dibagikan? Ya. Apa pun di claude.ai/share/... diekspor dengan cara yang sama seperti percakapan Anda sendiri. Berguna untuk mengarsipkan thread yang dikirim rekan kerja.

Bagaimana dengan Claude Projects? Setiap percakapan di dalam Project disimpan secara individu. Saat system prompt Project atau file pengetahuan terlihat di halaman (header atau sidebar), Save menangkapnya di frontmatter sehingga Anda tidak kehilangan konteks yang menjadi dasar percakapan.

Apakah ia menangkap Artifacts? Ya --- ini adalah pembeda inti. Artifacts (kode, dokumen, HTML, komponen React, diagram Mermaid) datang sebagai blok kode dengan pengenal bahasa yang tepat, dalam urutan Claude membangunnya. Anda dapat menyalinnya langsung ke repo atau dokumen.

Bagaimana dengan kutipan dari pencarian web Claude? Kutipan dipertahankan sebagai catatan kaki Markdown. Teks catatan kaki adalah URL sumber, jadi Anda dapat mengaudit dasar Claude nanti tanpa kembali ke thread asli.

Apakah ini akan berfungsi di Claude Code (CLI)? Claude Code berjalan di terminal Anda, bukan di browser. Ekstensi menargetkan claude.ai. Untuk sesi CLI, transkrip percakapan ada di disk di ~/.claude/ dan dapat ditangkap secara terpisah --- panduan workflow Claude Code + Obsidian mencakup hal itu.

Apakah ia menangani thread yang sangat panjang? Ya. Konteks 200K Claude dapat menghasilkan percakapan dengan ratusan giliran. Save menggulir panel percakapan dan membaca setiap giliran saat divirtualisasi kembali ke DOM, sehingga bahkan thread terpanjang pun masuk lengkap.

Apakah respons bercabang disertakan? Hanya cabang yang saat ini ditampilkan di UI (yang Anda simpan). Cabang yang diregenerasi yang tidak Anda pilih dilewati sehingga file cocok dengan percakapan seperti yang Claude tampilkan kepada Anda.

Berapa biayanya? Save memiliki tier gratis sehingga Anda dapat mencobanya pada beberapa percakapan. Setelah itu, langganan kecil mencakup penggunaan berkelanjutan.

Panduan Save Terkait

Footnotes

  1. https://hono.dev/docs/guides/middleware

## Continue reading

Jean-Sébastien Wallez

Written by

Jean-Sébastien Wallez

I've been making internet products for 10+ years. Built Save on weekends because I wanted my own reading library in clean markdown for Claude and Obsidian. Write here about web clipping, AI workflows, and the small things that make a personal knowledge base actually useful.