Atoms
Tips & Tutorial

Format Konten dan Bagan

Panduan menggunakan pemformatan Markdown dan merender flowchart Mermaid interaktif

Pelajari cara memformat teks dengan Markdown dan merender diagram Mermaid interaktif di Atoms.

Menampilkan Konten Markdown yang Diformat

Atoms secara native mendukung pemformatan Markdown dalam respons chat, dokumentasi, dan tampilan hasil render.

Elemen Markdown yang Didukung

  • Header: Gunakan #, ##, atau ### untuk judul bagian yang terstruktur.
  • Penekanan: Gunakan teks **bold** atau *italic*.
  • Daftar: Gunakan - atau 1. untuk daftar berpoin dan bernomor.
  • Blok Kode: Bungkus cuplikan kode dalam tiga backtick () dengan penyorotan sintaks bahasa.

Untuk meminta output yang diformat, cukup instruksikan Agen AI Anda:

  • "Harap format respons Anda dalam Markdown yang jelas dengan subjudul dan poin-poin."

Menampilkan & Merender Bagan Mermaid

Atoms mendukung perenderan flowchart, diagram sekuens, dan peta arsitektur menggunakan Mermaid.js.

Cara Membuat Bagan Mermaid

Minta Agen AI Anda untuk menghasilkan diagram Mermaid:

  • "Buat flowchart Mermaid yang menggambarkan siklus hidup autentikasi pengguna."

Agen Anda akan menghasilkan blok kode Mermaid standar:

mermaid graph TD; A[User Submits Login] --> B{Valid Credentials?}; B -- Yes --> C[Issue JWT Token & Redirect]; B -- No --> D[Show Error Message];

Atoms secara otomatis mengurai blok ini dan merendernya sebagai diagram visual interaktif di tampilan Anda.

Apakah halaman ini membantu?

Artikel Terkait