> ## Documentation Index
> Fetch the complete documentation index at: https://dokumentasiopenclaw.overthinkingku.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Showcase

> Proyek OpenClaw nyata dari komunitas

# Showcase

Proyek-proyek nyata dari komunitas. Lihat apa yang dibangun orang-orang dengan OpenClaw.

<Info>
  **Ingin proyek Anda ditampilkan?** Bagikan proyek Anda di [#showcase pada Discord](https://discord.gg/clawd) atau [tag @openclaw di X](https://x.com/openclaw).
</Info>

## 🎥 OpenClaw Beraksi

Walkthrough setup lengkap (28m) oleh VelvetShark.

<div
  style={{
position: "relative",
paddingBottom: "56.25%",
height: 0,
overflow: "hidden",
borderRadius: 16,
}}
>
  <iframe src="https://www.youtube-nocookie.com/embed/SaWSPZoPX34" title="OpenClaw: The self-hosted AI that Siri should have been (Full setup)" style={{ position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }} frameBorder="0" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen />
</div>

[Tonton di YouTube](https://www.youtube.com/watch?v=SaWSPZoPX34)

<div
  style={{
position: "relative",
paddingBottom: "56.25%",
height: 0,
overflow: "hidden",
borderRadius: 16,
}}
>
  <iframe src="https://www.youtube-nocookie.com/embed/mMSKQvlmFuQ" title="OpenClaw showcase video" style={{ position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }} frameBorder="0" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen />
</div>

[Tonton di YouTube](https://www.youtube.com/watch?v=mMSKQvlmFuQ)

<div
  style={{
position: "relative",
paddingBottom: "56.25%",
height: 0,
overflow: "hidden",
borderRadius: 16,
}}
>
  <iframe src="https://www.youtube-nocookie.com/embed/5kkIJNUGFho" title="OpenClaw community showcase" style={{ position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }} frameBorder="0" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen />
</div>

[Tonton di YouTube](https://www.youtube.com/watch?v=5kkIJNUGFho)

## 🆕 Terbaru dari Discord

<CardGroup cols={2}>
  <Card title="Tinjauan PR → Umpan Balik Telegram" icon="code-pull-request" href="https://x.com/i/status/2010878524543131691">
    **@bangnokia** • `review` `github` `telegram`

    OpenCode menyelesaikan perubahan → membuka PR → OpenClaw meninjau perbedaan (diff) dan membalas di Telegram dengan “saran kecil” ditambah vonis penggabungan (merge) yang jelas (termasuk perbaikan kritis yang harus diterapkan terlebih dahulu).

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/pr-review-telegram.jpg?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=c401574d6837e4e141a1e62ee3ce73a5" alt="Umpan balik tinjauan PR OpenClaw dikirimkan di Telegram" width="945" height="2048" data-path="assets/showcase/pr-review-telegram.jpg" />
  </Card>

  <Card title="Skill Gudang Anggur dalam Hitungan Menit" icon="wine-glass" href="https://x.com/i/status/2010916352454791216">
    **@prades\_maxime** • `skills` `local` `csv`

    Meminta “Robby” (@openclaw) untuk membuat skill gudang anggur lokal. Skill ini meminta sampel ekspor CSV + lokasi penyimpanannya, kemudian membangun/menguji skill tersebut dengan cepat (962 botol dalam contoh).

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/wine-cellar-skill.jpg?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=5f7516ca8761fbeda70229f3e2947bda" alt="OpenClaw membangun skill gudang anggur lokal dari CSV" width="1264" height="938" data-path="assets/showcase/wine-cellar-skill.jpg" />
  </Card>

  <Card title="Autopilot Belanja Tesco" icon="cart-shopping" href="https://x.com/i/status/2009724862470689131">
    **@marchattonhere** • `automation` `browser` `shopping`

    Rencana makan mingguan → daftar belanja rutin → memesan slot pengiriman → konfirmasi pesanan. Tanpa API, hanya kontrol browser.

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/tesco-shop.jpg?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=f591c7256d35ad2e351554d774fcd061" alt="Otomatisasi belanja Tesco melalui chat" width="1200" height="630" data-path="assets/showcase/tesco-shop.jpg" />
  </Card>

  <Card title="SNAG Screenshot-ke-Markdown" icon="scissors" href="https://github.com/am-will/snag">
    **@am-will** • `devtools` `screenshots` `markdown`

    Gunakan hotkey untuk memilih area layar → Gemini vision → langsung menjadi Markdown di clipboard Anda.

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/snag.png?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=290a149bd4b62896c8ca4bfdfc2bc8b1" alt="Alat screenshot-ke-markdown SNAG" width="1200" height="630" data-path="assets/showcase/snag.png" />
  </Card>

  <Card title="Agents UI" icon="window-maximize" href="https://releaseflow.net/kitze/agents-ui">
    **@kitze** • `ui` `skills` `sync`

    Aplikasi desktop untuk mengelola skill/perintah di seluruh Agen, Claude, Codex, dan OpenClaw.

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/agents-ui.jpg?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=c45a866ad43e5d165234460536dca14e" alt="Aplikasi Agents UI" width="1200" height="630" data-path="assets/showcase/agents-ui.jpg" />
  </Card>

  <Card title="Catatan Suara Telegram (papla.media)" icon="microphone" href="https://papla.media/docs">
    **Komunitas** • `voice` `tts` `telegram`

    Membungkus TTS papla.media dan mengirimkan hasilnya sebagai catatan suara Telegram (tanpa fitur autoplay yang menjengkelkan).

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/papla-tts.jpg?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=8f4d5570af6d8ad36092a551094d6f08" alt="Output catatan suara Telegram dari TTS" width="1200" height="630" data-path="assets/showcase/papla-tts.jpg" />
  </Card>

  <Card title="CodexMonitor" icon="eye" href="https://clawhub.com/odrobnik/codexmonitor">
    **@odrobnik** • `devtools` `codex` `brew`

    Helper yang diinstal melalui Homebrew untuk mendaftar/memeriksa/memantau sesi OpenAI Codex lokal (CLI + VS Code).

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/codexmonitor.png?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=523caa8ec3fdf4c11c2f5ae634f800db" alt="CodexMonitor di ClawHub" width="1200" height="630" data-path="assets/showcase/codexmonitor.png" />
  </Card>

  <Card title="Kontrol Printer 3D Bambu" icon="print" href="https://clawhub.com/tobiasbischoff/bambu-cli">
    **@tobiasbischoff** • `hardware` `3d-printing` `skill`

    Kontrol dan pecahkan masalah printer BambuLab: status, pekerjaan, kamera, AMS, kalibrasi, dan banyak lagi.

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/bambu-cli.png?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=c896bc6d58adb35586d36759eb67d633" alt="Skill Bambu CLI di ClawHub" width="1200" height="630" data-path="assets/showcase/bambu-cli.png" />
  </Card>

  <Card title="Transportasi Wina (Wiener Linien)" icon="train" href="https://clawhub.com/hjanuschka/wienerlinien">
    **@hjanuschka** • `travel` `transport` `skill`

    Keberangkatan real-time, gangguan, status lift, dan perutean untuk transportasi umum di Wina.

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/wienerlinien.png?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=bb9be37f117f8c6477b21a0c928d171f" alt="Skill Wiener Linien di ClawHub" width="1200" height="630" data-path="assets/showcase/wienerlinien.png" />
  </Card>

  <Card title="ParentPay Paket Makanan Sekolah" icon="utensils" href="#">
    **@George5562** • `automation` `browser` `parenting`

    Pemesanan paket makanan sekolah di Inggris secara otomatis melalui ParentPay. Menggunakan koordinat mouse untuk mengklik sel tabel secara andal.
  </Card>

  <Card title="Unggah R2 (Kirimkan File Saya)" icon="cloud-arrow-up" href="https://clawhub.com/skills/r2-upload">
    **@julianengel** • `files` `r2` `presigned-urls`

    Unggah ke Cloudflare R2/S3 dan buat tautan unduhan pra-tanda tangan (presigned) yang aman. Sangat cocok untuk instance OpenClaw jarak jauh.
  </Card>

  <Card title="Aplikasi iOS melalui Telegram" icon="mobile" href="#">
    **@coard** • `ios` `xcode` `testflight`

    Membangun aplikasi iOS lengkap dengan peta dan perekaman suara, dideploy ke TestFlight sepenuhnya melalui chat Telegram.

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/ios-testflight.jpg?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=f83c44bbc0d61c95d42dce214a04a834" alt="Aplikasi iOS di TestFlight" width="675" height="1200" data-path="assets/showcase/ios-testflight.jpg" />
  </Card>

  <Card title="Asisten Kesehatan Oura Ring" icon="heart-pulse" href="#">
    **@AS** • `health` `oura` `calendar`

    Asisten kesehatan AI pribadi yang mengintegrasikan data cincin Oura dengan kalender, janji temu, dan jadwal gym.

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/oura-health.png?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=670187f401c1a5a6bf6da61949134e1f" alt="Asisten kesehatan Oura ring" width="1051" height="1936" data-path="assets/showcase/oura-health.png" />
  </Card>

  <Card title="Kev's Dream Team (14+ Agen)" icon="robot" href="https://github.com/adam91holt/orchestrated-ai-articles">
    **@adam91holt** • `multi-agent` `orchestration` `architecture` `manifesto`

    14+ agen di bawah satu gateway dengan orkestra Opus 4.5 yang mendelegasikan tugas ke pekerja Codex. [Tulisan teknis](https://github.com/adam91holt/orchestrated-ai-articles) komprehensif yang mencakup daftar Dream Team, pemilihan model, sandboxing, webhook, heartbeat, dan alur pendelegasian. [Clawdspace](https://github.com/adam91holt/clawdspace) untuk sandboxing agen. [Postingan blog](https://adams-ai-journey.ghost.io/2026-the-year-of-the-orchestrator/).
  </Card>

  <Card title="Linear CLI" icon="terminal" href="https://github.com/Finesssee/linear-cli">
    **@NessZerra** • `devtools` `linear` `cli` `issues`

    CLI untuk Linear yang terintegrasi dengan alur kerja agenik (Claude Code, OpenClaw). Kelola isu, proyek, dan alur kerja dari terminal. PR eksternal pertama digabungkan!
  </Card>

  <Card title="Beeper CLI" icon="message" href="https://github.com/blqke/beepcli">
    **@jules** • `messaging` `beeper` `cli` `automation`

    Baca, kirim, dan arsipkan pesan melalui Beeper Desktop. Menggunakan API MCP lokal Beeper sehingga agen dapat mengelola semua chat Anda (iMessage, WhatsApp, dll.) dalam satu tempat.
  </Card>
</CardGroup>

## 🤖 Otomatisasi & Alur Kerja (Workflows)

<CardGroup cols={2}>
  <Card title="Kontrol Pemurni Udara Winix" icon="wind" href="https://x.com/antonplex/status/2010518442471006253">
    **@antonplex** • `automation` `hardware` `air-quality`

    Claude Code menemukan dan mengonfirmasi kontrol pemurni udara, kemudian OpenClaw mengambil alih untuk mengelola kualitas udara ruangan.

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/winix-air-purifier.jpg?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=1c7764c234f44d9ae7a12911b7bd4d7a" alt="Kontrol pemurni udara Winix melalui OpenClaw" width="1250" height="1760" data-path="assets/showcase/winix-air-purifier.jpg" />
  </Card>

  <Card title="Tangkapan Kamera Langit yang Indah" icon="camera" href="https://x.com/signalgaining/status/2010523120604746151">
    **@signalgaining** • `automation` `camera` `skill` `images`

    Dipicu oleh kamera atap: minta OpenClaw untuk mengambil foto langit setiap kali terlihat indah — OpenClaw merancang sebuah skill dan mengambil fotonya.

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/roof-camera-sky.jpg?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=e701a7b3f8f4f17d8806abf37ceaea48" alt="Snapshot langit dari kamera atap yang ditangkap oleh OpenClaw" width="1634" height="1225" data-path="assets/showcase/roof-camera-sky.jpg" />
  </Card>

  <Card title="Adegan Briefing Pagi Visual" icon="robot" href="https://x.com/buddyhadry/status/2010005331925954739">
    **@buddyhadry** • `automation` `briefing` `images` `telegram`

    Prompt yang dijadwalkan menghasilkan satu gambar "adegan" setiap pagi (cuaca, tugas, tanggal, postingan/kutipan favorit) melalui persona OpenClaw.
  </Card>

  <Card title="Pemesanan Lapangan Padel" icon="calendar-check" href="https://github.com/joshp123/padel-cli">
    **@joshp123** • `automation` `booking` `cli`

    Pemeriksa ketersediaan Playtomic + CLI pemesanan. Jangan pernah lewatkan slot lapangan kosong lagi.

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/padel-screenshot.jpg?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=2d564acfec5d27c48e2a8d822d87d2b8" alt="screenshot padel-cli" width="568" height="269" data-path="assets/showcase/padel-screenshot.jpg" />
  </Card>

  <Card title="Penerimaan Data Akuntansi" icon="file-invoice-dollar">
    **Komunitas** • `automation` `email` `pdf`

    Mengumpulkan file PDF dari email, menyiapkan dokumen untuk konsultan pajak. Pembukuan bulanan berjalan secara otomatis (autopilot).
  </Card>

  <Card title="Mode Couch Potato untuk Pengembang" icon="couch" href="https://davekiss.com">
    **@davekiss** • `telegram` `website` `migration` `astro`

    Membangun kembali seluruh situs pribadi melalui Telegram sambil menonton Netflix — Notion → Astro, 18 postingan bermigrasi, DNS ke Cloudflare. Tidak pernah membuka laptop.
  </Card>

  <Card title="Agen Pencari Kerja" icon="briefcase">
    **@attol8** • `automation` `api` `skill`

    Mencari daftar lowongan kerja, mencocokkannya dengan kata kunci CV, dan memberikan peluang yang relevan dengan tautannya. Dibangun dalam 30 menit menggunakan JSearch API.
  </Card>

  <Card title="Pembuat Skill Jira" icon="diagram-project" href="https://x.com/jdrhyne/status/2008336434827002232">
    **@jdrhyne** • `automation` `jira` `skill` `devtools`

    OpenClaw terhubung ke Jira, kemudian menghasilkan skill baru secara langsung (sebelum skill tersebut ada di ClawHub).
  </Card>

  <Card title="Skill Todoist melalui Telegram" icon="list-check" href="https://x.com/iamsubhrajyoti/status/2009949389884920153">
    **@iamsubhrajyoti** • `automation` `todoist` `skill` `telegram`

    Mengotomatiskan tugas Todoist dan meminta OpenClaw menghasilkan skill tersebut secara langsung di chat Telegram.
  </Card>

  <Card title="Analisis TradingView" icon="chart-line">
    **@bheem1798** • `finance` `browser` `automation`

    Masuk ke TradingView melalui otomatisasi browser, mengambil tangkapan layar grafik, dan melakukan analisis teknis sesuai permintaan. Tidak perlu API—hanya kontrol browser.
  </Card>

  <Card title="Dukungan Otomatis Slack" icon="slack">
    **@henrymascot** • `slack` `automation` `support`

    Memantau saluran Slack perusahaan, menanggapi dengan membantu, dan meneruskan notifikasi ke Telegram. Secara otonom memperbaiki bug produksi di aplikasi yang sudah dideploy tanpa diminta.
  </Card>
</CardGroup>

## 🧠 Pengetahuan & Memori

<CardGroup cols={2}>
  <Card title="xuezh Belajar Bahasa Mandarin" icon="language" href="https://github.com/joshp123/xuezh">
    **@joshp123** • `learning` `voice` `skill`

    Mesin belajar bahasa Mandarin dengan umpan balik pengucapan dan alur belajar melalui OpenClaw.

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/xuezh-pronunciation.jpeg?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=53701395d8e912f94e147356d0230a2c" alt="umpan balik pengucapan xuezh" width="414" height="900" data-path="assets/showcase/xuezh-pronunciation.jpeg" />
  </Card>

  <Card title="Penyimpanan Memori WhatsApp" icon="vault">
    **Komunitas** • `memory` `transcription` `indexing`

    Mengambil ekspor WhatsApp secara penuh, mentranskripsi lebih dari 1000 catatan suara, melakukan kroscek dengan log git, dan menghasilkan laporan markdown yang saling terhubung.
  </Card>

  <Card title="Pencarian Semantik Karakeep" icon="magnifying-glass" href="https://github.com/jamesbrooksco/karakeep-semantic-search">
    **@jamesbrooksco** • `search` `vector` `bookmarks`

    Menambahkan pencarian vektor ke bookmark Karakeep menggunakan penyematan (embeddings) Qdrant + OpenAI/Ollama.
  </Card>

  <Card title="Memori Inside-Out-2" icon="brain">
    **Komunitas** • `memory` `beliefs` `self-model`

    Manajer memori terpisah yang mengubah file sesi menjadi memori → keyakinan (beliefs) → model diri yang terus berkembang.
  </Card>
</CardGroup>

## 🎙️ Suara & Telepon

<CardGroup cols={2}>
  <Card title="Jembatan Telepon Clawdia" icon="phone" href="https://github.com/alejandroOPI/clawdia-bridge">
    **@alejandroOPI** • `voice` `vapi` `bridge`

    Asisten suara Vapi ↔ jembatan HTTP OpenClaw. Panggilan telepon hampir seketika (near real-time) dengan agen Anda.
  </Card>

  <Card title="Transkripsi OpenRouter" icon="microphone" href="https://clawhub.com/obviyus/openrouter-transcribe">
    **@obviyus** • `transcription` `multilingual` `skill`

    Transkripsi audio multibahasa melalui OpenRouter (Gemini, dll). Tersedia di ClawHub.
  </Card>
</CardGroup>

## 🏗️ Infrastruktur & Deployment

<CardGroup cols={2}>
  <Card title="Add-on Home Assistant" icon="home" href="https://github.com/ngutman/openclaw-ha-addon">
    **@ngutman** • `homeassistant` `docker` `raspberry-pi`

    Gateway OpenClaw yang berjalan di OS Home Assistant dengan dukungan tunnel SSH dan penyimpanan tetap (persistent state).
  </Card>

  <Card title="Skill Home Assistant" icon="toggle-on" href="https://clawhub.com/skills/homeassistant">
    **ClawHub** • `homeassistant` `skill` `automation`

    Kontrol dan otomatiskan perangkat Home Assistant melalui bahasa alami.
  </Card>

  <Card title="Pengemasan Nix" icon="snowflake" href="https://github.com/openclaw/nix-openclaw">
    **@openclaw** • `nix` `packaging` `deployment`

    Konfigurasi OpenClaw berbasis Nix yang lengkap untuk deployment yang dapat diproduksi ulang.
  </Card>

  <Card title="Kalender CalDAV" icon="calendar" href="https://clawhub.com/skills/caldav-calendar">
    **ClawHub** • `calendar` `caldav` `skill`

    Skill kalender menggunakan khal/vdirsyncer. Integrasi kalender yang dikelola secara mandiri (self-hosted).
  </Card>
</CardGroup>

## 🏠 Rumah & Perangkat Keras

<CardGroup cols={2}>
  <Card title="Otomatisasi GoHome" icon="house-signal" href="https://github.com/joshp123/gohome">
    **@joshp123** • `home` `nix` `grafana`

    Otomatisasi rumah berbasis Nix dengan OpenClaw sebagai antarmuka, ditambah dashboard Grafana yang indah.

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/gohome-grafana.png?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=d9d3f2602b968958d594a0a6b4d493c8" alt="Dashboard Grafana GoHome" width="759" height="772" data-path="assets/showcase/gohome-grafana.png" />
  </Card>

  <Card title="Vakum Roborock" icon="robot" href="https://github.com/joshp123/gohome/tree/main/plugins/roborock">
    **@joshp123** • `vacuum` `iot` `plugin`

    Kontrol robot vakum roborock Anda melalui percakapan alami.

    <img src="https://mintcdn.com/atiohaidargmailcom/QI3ZP-QkqSrhtx9o/assets/showcase/roborock-screenshot.jpg?fit=max&auto=format&n=QI3ZP-QkqSrhtx9o&q=85&s=28d708fc78f4f83da1b59310a4ee7d93" alt="Status Roborock" width="435" height="685" data-path="assets/showcase/roborock-screenshot.jpg" />
  </Card>
</CardGroup>

## 🌟 Proyek Komunitas

<CardGroup cols={2}>
  <Card title="Marketplace StarSwap" icon="star" href="https://star-swap.com/">
    **Komunitas** • `marketplace` `astronomy` `webapp`

    Marketplace peralatan astronomi yang lengkap. Dibangun dengan/di sekitar ekosistem OpenClaw.
  </Card>
</CardGroup>

***

## Kirimkan Proyek Anda

Punya sesuatu untuk dibagikan? Kami akan senang menampilkannya!

<Steps>
  <Step title="Bagikan">
    Posting di [#showcase pada Discord](https://discord.gg/clawd) atau [tweet @openclaw](https://x.com/openclaw)
  </Step>

  <Step title="Sertakan Detail">
    Beri tahu kami fungsinya, tautkan ke repo/demo, bagikan tangkapan layar jika Anda memilikinya
  </Step>

  <Step title="Ditampilkan">
    Kami akan menambahkan proyek-proyek yang menonjol ke halaman ini
  </Step>
</Steps>