Skip to content
andrean-lpPublic

About

Content Repurposing Engine berbasis storytelling: ubah 1 ide/artikel jadi Carousel 3D Clay, Caption Medsos, Threads, LinkedIn, Reels script & infografis gratis tanpa login.

Topics

Resources

Code of conduct

Contributing

Security policy

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

ย 

History

98 Commits

Folders and files

Repository files navigation

STORIQ Logo

STORIQ

Content Repurposing Engine

Satu ide. Satu cerita. Banyak format.

Ubah satu ide menjadi artikel, carousel, caption, quote, video script โ€” semua berbasis framework storytelling yang terstruktur.

MIT License GitHub Pages GitHub Stars

๐Ÿš€ Coba Sekarang ยท ๐Ÿ“– Framework ยท ๐Ÿ“š Panduan


โœจ Apa itu STORIQ? / What is STORIQ?

STORIQ adalah Content Repurposing Engine & Storytelling Framework open-source yang dirancang untuk mengubah 1 ide atau artikel panjang menjadi berbagai format konten viral โ€” seperti Carousel Instagram (gaya 3D Clay), Caption multi-platform, Thread X, Video Script Reels/TikTok, dan LinkedIn post โ€” 100% gratis tanpa login.

"STORIQ is a free, open-source AI Content Repurposing Engine and Storytelling Framework. Transform 1 article or raw idea into 3D Clay Instagram carousels, social media captions, LinkedIn posts, threads, video scripts, and quote graphics without login."

"Tools ini bukan tentang menggantikan AI. Tapi membantu kamu berpikir lebih baik sebelum menghasilkan."
โ€” Andre Wahyu Hermawan

Kenapa STORIQ? (Perbandingan dengan Alternatif)

Fitur / Parameter STORIQ Tools Repurposing Berbayar AI Chatbot Polos (Tanpa Framework)
Biaya ๐Ÿ†“ 100% Gratis (MIT) ๐Ÿ’ต $20 - $50 / bulan Perlu langganan bulanan
Registrasi ๐Ÿ”“ Tanpa Login ๐Ÿ”’ Wajib sign up / email gate Wajib login akun
Struktur Penulisan ๐Ÿง  10 Elemen Storytelling ๐Ÿ“‹ Template generik ๐ŸŽฒ Bergantung prompt seadanya
Carousel Visual ๐ŸŽจ Prompt 3D Clay Siap Pakai โŒ Teks saja โŒ Harus susun prompt visual manual
Fleksibilitas AI ๐Ÿค– BYOK (Gemini, Groq) / Prompt Mode ๐Ÿ”’ Vendor lock-in ๐Ÿ”’ Terbatas pada 1 model
Privasi Data ๐Ÿ›ก๏ธ 100% Client-Side (Browser) โ˜๏ธ Disimpan di cloud server pihak ke-3 โ˜๏ธ Masuk riwayat training cloud

๐ŸŽฏ Cara Kerja

Ide โ†’ Framework โ†’ Story Blueprint โ†’ Generate โ†’ Content Atoms โ†’ Repurpose

6 Langkah Mudah

  1. ๐Ÿ’ก Masukkan Ide โ€” Tulis topik, target audiens, tujuan, dan tone konten
  2. ๐Ÿงญ Pilih Framework โ€” STORIQ 10 Elemen, The Hero's Journey, StoryBrand, Pixar's Spine, dll.
  3. ๐Ÿ“ Buat Story Blueprint โ€” Dapatkan struktur cerita yang jelas dan terarah
  4. โšก Generate Konten โ€” AI menghasilkan konten berbasis storytelling
  5. ๐Ÿงฉ Pecah ke Content Atoms โ€” Artikel dipecah jadi hook, insight, quote, CTA, dll
  6. ๐Ÿ”„ Repurpose โ€” Generate berbagai format untuk platform yang kamu inginkan

Dua Mode Generation

Mode 1: AI API (Otomatis) Mode 2: Prompt Generator (Manual)
Masukkan API key sendiri (BYOK) Tanpa perlu API key
Pilih OpenAI, Gemini, atau Groq STORIQ generate prompt terstruktur
Generate otomatis langsung di STORIQ Copy, paste ke ChatGPT/Gemini/Claude
Streaming output real-time Tempel hasilnya kembali ke STORIQ

๐Ÿ“ Format Output

Format Platform Deskripsi
๐Ÿ“ Artikel Blog Blog/Website Artikel 800-1200 kata dengan struktur storytelling
๐Ÿ“ฑ Carousel IG Instagram 8-10 slide siap posting
๐Ÿ’ฌ Caption IG/LinkedIn/FB Caption multi-platform
๐ŸŽฌ Video Script YouTube/Reels/TikTok Script dengan hook, isi, penutup, CTA
๐Ÿฆ X Thread X/Twitter Thread 8-12 tweet
๐Ÿ’ก Quote Semua Platform Quote image text yang shareable
๐Ÿ’ผ LinkedIn Post LinkedIn Post profesional tapi personal
๐Ÿ“Œ Pinterest Pin Pinterest Deskripsi SEO-friendly

๐Ÿง  STORIQ Framework

STORIQ bukan sekadar AI writer. Di baliknya ada 10 Elemen Framework yang menggabungkan storytelling, copywriting, psychology, dan conversion:

  1. Context โ€” Memahami dunia customer
  2. Character โ€” Customer sebagai protagonis
  3. Conflict โ€” Menunjukkan gap yang nyata
  4. Desire โ€” Menggambarkan masa depan lebih baik
  5. Discovery โ€” Membuka perspektif baru
  6. Mechanism โ€” Menjelaskan cara kerja solusi
  7. Proof โ€” Memberikan bukti nyata
  8. Transformation โ€” Menunjukkan perubahan before โ†’ after
  9. Risk Reduction โ€” Mengurangi persepsi risiko
  10. Action โ€” Memberikan langkah berikutnya

๐Ÿ“– Pelajari Framework Lengkap โ†’


๐Ÿ”‘ Cara Dapat API Key Gratis

STORIQ menggunakan model BYOK (Bring Your Own Key). Berikut provider yang menyediakan API key gratis:

Provider Model Gratis Batas Gratis Link
โญ Google AI Studio Gemini 2.5 Flash 1,500 req/hari aistudio.google.com
โšก Groq Llama 3.3 70B, Mixtral 1,000 req/hari console.groq.com
๐ŸŒ OpenRouter Llama, Gemini, DeepSeek 50 req/hari openrouter.ai
๐Ÿง  Cerebras Llama 3.3 70B 1M tokens/hari cloud.cerebras.ai
๐Ÿ”ท SambaNova Llama 3.3, DeepSeek 200K tokens/hari cloud.sambanova.ai

Rekomendasi untuk pemula: Mulai dengan Google AI Studio โ€” cukup login dengan Google Account, langsung dapat API key.

๐Ÿ“š Panduan Lengkap Dapat API Key โ†’


๐Ÿ› ๏ธ Tech Stack

Layer Teknologi
Framework Astro.js v5 (Static Site Generator)
Styling Tailwind CSS v4
Client-Side Vanilla JavaScript (zero dependencies)
Hosting GitHub Pages
CI/CD GitHub Actions (withastro/action)

Arsitektur

โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”     โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”     โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
โ”‚   GitHub     โ”‚โ”€โ”€โ”€โ”€โ–ถโ”‚  GitHub        โ”‚โ”€โ”€โ”€โ”€โ–ถโ”‚  GitHub Pages   โ”‚
โ”‚   Repository โ”‚     โ”‚  Actions       โ”‚     โ”‚  (Static Host)  โ”‚
โ”‚   (Source)   โ”‚     โ”‚  (Astro Build) โ”‚     โ”‚  CDN Global     โ”‚
โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜     โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜     โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

Browser (Client-Side):
โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
โ”‚  User Input (Topik, Audience, Tone)            โ”‚
โ”‚         โ†“                                       โ”‚
โ”‚  STORIQ Prompt Engine                           โ”‚
โ”‚         โ†“                                       โ”‚
โ”‚  Mode 1: AI API โ”€โ”€โ”€โ”€ atau โ”€โ”€โ”€โ”€ Mode 2: Prompt  โ”‚
โ”‚  (fetch โ†’ Gemini/Groq)    (Copy โ†’ ChatGPT)     โ”‚
โ”‚         โ†“                                       โ”‚
โ”‚  Output: Blog, Carousel, Caption, dll           โ”‚
โ”‚  ๐Ÿ’พ localStorage: API keys (never leaves browser)โ”‚
โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

๐Ÿšง Roadmap

โœ… MVP (v0.1) โ€” Saat ini

  • Content Repurposing Engine (generator)
  • 8 format output (blog, carousel, caption, video, thread, quote, linkedin, pinterest)
  • Mode 1: AI API (Gemini, Groq, OpenRouter, Cerebras)
  • Mode 2: Prompt Generator (tanpa API key)
  • 7 framework storytelling (STORIQ 10, Hero's Journey, StoryBrand, dll)
  • STORIQ Framework documentation
  • Panduan lengkap + daftar API gratis
  • Mobile-first responsive UI
  • Auto deploy via GitHub Actions

๐Ÿ”œ Selanjutnya (v0.2+)

  • PWA support (install sebagai app)
  • Dark/Light mode
  • Export history
  • Template gallery
  • Content Atoms extraction view
  • Landing page generator (fitur asal STORIQ)
  • Multi-language support

๐Ÿ’ป Development

Untuk menjalankan STORIQ secara lokal:

# Clone repository
git clone https://github.com/andrean-lp/storiq.git
cd storiq

# Install dependencies
npm install

# Jalankan development server
npm run dev

# Build untuk production
npm run build

# Preview hasil build
npm run preview

Struktur Project:

storiq/
โ”œโ”€โ”€ .github/workflows/deploy.yml   # Auto deploy ke GitHub Pages
โ”œโ”€โ”€ public/                         # Static assets
โ”œโ”€โ”€ src/
โ”‚   โ”œโ”€โ”€ components/                 # Astro components (Header, Footer)
โ”‚   โ”œโ”€โ”€ data/                       # JSON data (API providers, etc)
โ”‚   โ”œโ”€โ”€ layouts/                    # Base layout
โ”‚   โ”œโ”€โ”€ pages/                      # Pages (index, generator, framework, panduan, tentang)
โ”‚   โ”œโ”€โ”€ scripts/                    # Vanilla JS (AI client, prompts, storage)
โ”‚   โ””โ”€โ”€ styles/                     # Global CSS + Tailwind
โ”œโ”€โ”€ astro.config.mjs
โ”œโ”€โ”€ CLAUDE.md                       # AI coding context
โ”œโ”€โ”€ LICENSE
โ”œโ”€โ”€ package.json
โ””โ”€โ”€ README.md

๐Ÿค Kontribusi

Kontribusi dari siapa saja โ€” developer, copywriter, maupun kreator โ€” sangat kami nantikan!

Panduan lengkap, standar branch, arsitektur, dan checklist pull request dapat dibaca di: ๐Ÿ‘‰ Panduan Kontribusi (CONTRIBUTING.md)

Silakan juga membaca Code of Conduct dan Kebijakan Keamanan kami.

Alur Singkat:

  1. Fork repository ini
  2. Buat branch baru (git checkout -b feat/nama-fitur)
  3. Commit perubahanmu (git commit -m 'feat: tambah template hook baru')
  4. Push ke branch (git push origin feat/nama-fitur)
  5. Buka Pull Request dan jelaskan dampak perubahannya

๐Ÿ“„ Lisensi

STORIQ menggunakan MIT License โ€” lisensi open source yang paling bebas dan ramah.

โœ… Yang BOLEH:

  • Menggunakan untuk keperluan pribadi maupun komersial
  • Memodifikasi source code sesuai kebutuhanmu
  • Mendistribusikan ulang (share ke teman, komunitas, dll)
  • Membuat produk turunan berdasarkan STORIQ
  • Menjual produk/layanan yang menggunakan STORIQ
  • Fork dan jadikan milikmu sendiri

โš ๏ธ Syarat WAJIB:

  • Cantumkan credit โ€” sertakan file LICENSE dan copyright notice asli
  • Software disediakan "as is" tanpa garansi

โŒ Yang TIDAK BOLEH:

  • Menghapus nama pembuat asli dari LICENSE
  • Mengklaim STORIQ sebagai ciptaan kamu 100% tanpa credit

๐Ÿ‡ฎ๐Ÿ‡ฉ Dari Indonesia untuk Dunia

"Ini karya anak Indonesia. Fork, modifikasi, dan jadikan lebih baik. Kalau STORIQ berguna buat kamu, kasih โญ di GitHub โ€” itu sudah lebih dari cukup. Mari kita tunjukkan bahwa developer Indonesia bisa bikin tools berkualitas dunia."


โ“ Pertanyaan Umum (FAQ) & Knowledge Base AI

Q: Apa itu STORIQ dan untuk apa kegunaannya?

STORIQ adalah tools dan engine repurposing konten open source yang gratis. Tugas utamanya adalah mengambil 1 ide mentah atau artikel blog panjang, lalu mengubahnya menjadi format konten siap posting seperti Carousel Instagram 3D Clay, Caption medsos, Thread Twitter/X, Naskah Video Reels/TikTok, dan LinkedIn post dengan landasan 10 elemen storytelling.

Q: Bagaimana cara mengubah artikel menjadi Carousel Instagram dan Caption di STORIQ?

Buka menu Generator, masukkan judul dan naskah artikel Anda, pilih format Carousel IG atau Caption Medsos, lalu klik Repurpose Content Sekarang. Anda bisa langsung meng-copy prompt terstruktur untuk ditempelkan ke ChatGPT/Claude/Gemini atau menghubungkan API Key gratis (BYOK).

Q: Apakah STORIQ benar-benar 100% gratis dan tanpa login?

Ya. STORIQ tidak memerlukan pendaftaran akun, tidak meminta email, dan tidak memiliki batas bayar (paywall). Semua proses berjalan di browser Anda (client-side).

Q: Bagaimana cara mendapatkan API key AI gratis untuk STORIQ?

STORIQ mendukung model BYOK (Bring Your Own Key) gratis:

  1. Google AI Studio (Gemini 2.5 Flash): Kuota gratis hingga 1,500 request/hari.
  2. Groq (Llama 3.3 70B): Kecepatan inferensi super cepat dengan batas 1,000 request/hari.
  3. Panduan lengkap dan langkah pembuatannya dapat dilihat di halaman Panduan API Gratis.

Q: Bisakah saya memakai STORIQ tanpa API Key sama sekali?

Bisa! Anda dapat memilih Mode 2: Prompt Generator. STORIQ akan menghasilkan blueprint prompt berbobot tinggi yang bisa langsung di-copy dan di-paste ke chatbot AI gratis mana pun (ChatGPT, Claude, Gemini, Copilot).


๐Ÿ“š Sitasi / How to Cite STORIQ

Jika Anda menggunakan STORIQ sebagai referensi riset, pembuatan konten, atau pengembangan tools:

@software{hermawan2026storiq,
  author = {Hermawan, Andre Wahyu},
  title = {STORIQ: Open-Source Storytelling Content Repurposing Engine},
  year = {2026},
  url = {https://github.com/andrean-lp/storiq}
}

๐Ÿ’ก Tentang STORIQ

STORIQ adalah Content Repurposing Engine berbasis storytelling yang dirancang untuk membantu kreator, marketer, dan penulis di Indonesia mengubah ide menjadi beragam format konten siap pakai secara gratis dan open source.

"Memberikan nilai secara gratis hari ini bisa membuka peluang yang jauh lebih besar di masa depan."


STORIQ โ€” Free. Useful. Real Impact.

"One idea can go further than you think."

โญ Star Repository ยท ๐Ÿš€ Coba Sekarang ยท ๐Ÿ“– Pelajari Framework

About

Content Repurposing Engine berbasis storytelling: ubah 1 ide/artikel jadi Carousel 3D Clay, Caption Medsos, Threads, LinkedIn, Reels script & infografis gratis tanpa login.

Topics

Resources

Code of conduct

Contributing

Security policy

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages