Masukkan Password
Framer Series Part 4
Menurut saya, jangan langsung membuat prompt Claude.
Yang sebaiknya Anda bangun adalah sebuah Content Operating System (Content OS).
Artinya, Claude bukan penulis naskah, tetapi creative partner yang selalu mengikuti aturan FramerWave.
Kalau saya yang membuatnya, saya akan membuat 4 layer.
Brand Rules
↓
Content Formula
↓
Episode Brief
↓
Claude Prompt
Dengan cara ini, kualitas video Episode 1 dan Episode 300 akan tetap konsisten.
Layer 1 — BRAND RULES (Permanent)
File:
00_BRAND_RULES.md
Claude harus selalu membaca file ini.
Contohnya.
# FramerWave Brand Rules
Mission:
Teach modern web development through storytelling.
Audience:
- Designers
- Freelancers
- Startup founders
- Developers
- Agencies
Core Topics:
- Framer
- AI
- UX
- UI
- Landing Pages
- Web Psychology
- Conversion
- Business
Never Create:
❌ Boring tutorials
❌ Click-by-click teaching
❌ Reading documentation
Always Create:
✅ Design documentaries
✅ Visual storytelling
✅ Explain WHY first
✅ Build in Framer
✅ Real-world examples
Style:
40% Juxtopposed
30% UXPeak
20% Kole Jain
10% Fireship
Voice:
Friendly
Professional
Curious
Opinionated
Educational
Goal:
Every video should feel like a Netflix documentary, not a software tutorial.
Layer 2 — CONTENT FORMULA
File
01_CONTENT_FORMULA.md
Ini adalah rumus semua video.
Saya menyebutnya.
Framer Documentary Formula
HOOK
↓
QUESTION
↓
PROBLEM
↓
WHY IT HAPPENS
↓
REAL EXAMPLES
↓
BREAKDOWN
↓
LIVE REBUILD IN FRAMER
↓
BEFORE AFTER
↓
GENERAL PRINCIPLE
↓
ACTIONABLE TAKEAWAYS
↓
CTA
Semua video wajib mengikuti urutan ini.
Layer 3 — STORYTELLING RULES
File
02_STORYTELLING_RULES.md
Misalnya.
Never explain immediately.
Always create curiosity.
Every 30 seconds:
Introduce
- new idea
OR
- new visual
OR
- new example
Never stay on one screen for more than 8 seconds.
Always alternate:
Screen recording
↓
Website
↓
Animation
↓
Zoom
↓
Diagram
↓
Facecam (optional)
↓
Framer Demo
↓
Website
Layer 4 — VISUAL RULES
File
03_VISUAL_RULES.md
Misalnya.
Every section must include:
At least one comparison
Before
↓
After
One highlighted UI element
One zoom
One animation
One motion graphic
One key sentence on screen
Avoid walls of text.
Use visual explanations whenever possible.
Layer 5 — SCRIPT FORMULA
File
04_SCRIPT_TEMPLATE.md
Contohnya.
Cold Open (15 sec)
Hook
Question
Promise
--------
Introduction
Context
--------
Problem
--------
Research
--------
Examples
--------
Framer Demonstration
--------
Lessons
--------
CTA
Layer 6 — TITLE RULES
05_TITLE_RULES.md
Misalnya.
Claude hanya boleh menggunakan pola.
Why...
Can...
The Truth About...
I Tried...
I Tested...
Everyone Says...
Stop Doing...
How Premium...
The Psychology of...
What Happens If...
Tidak boleh.
Framer Tutorial Part 8
Layer 7 — THUMBNAIL RULES
06_THUMBNAIL.md
Misalnya.
One Idea
One Emotion
Three Words Maximum
High Contrast
Large Subject
No Screenshot
No Tiny Text
Curiosity First
Layer 8 — PACING
07_PACING.md
Claude wajib membuat script dengan ritme.
0:00
Hook
0:20
First Reveal
0:45
Problem
1:30
Research
2:30
Example
4:00
Framer
6:00
Before After
8:00
Big Lesson
10:00
CTA
Layer 9 — RETENTION
08_RETENTION.md
Aturan.
Every minute:
Create curiosity.
Every two minutes:
Give a payoff.
Every three minutes:
Introduce a surprise.
Never explain everything at once.
Layer 10 — CLAUDE MASTER PROMPT
Inilah yang dipakai setiap kali.
You are the lead writer for FramerWave.
Before writing anything, follow every rule inside:
00_BRAND_RULES.md
01_CONTENT_FORMULA.md
02_STORYTELLING_RULES.md
03_VISUAL_RULES.md
04_SCRIPT_TEMPLATE.md
05_TITLE_RULES.md
06_THUMBNAIL.md
07_PACING.md
08_RETENTION.md
Never break those rules.
Your goal is NOT to teach Framer.
Your goal is to make viewers think differently about web design.
Every script must feel like:
40% Juxtopposed
30% UXPeak
20% Kole Jain
10% Fireship
Every explanation should answer WHY before HOW.
Every section should contain visual storytelling opportunities.
Every script should naturally lead into a Framer demonstration.
The final result should feel like a premium YouTube documentary rather than a software tutorial.
Yang Akan Saya Tambahkan (Supaya Sulit Ditiru)
Kalau ini benar-benar untuk FramerWave, saya akan menambahkan satu file lagi yang menurut saya menjadi “senjata rahasia”.
09_PSYCHOLOGY.md
Isinya bukan tentang Framer.
Tetapi tentang bagaimana membuat penonton terus menonton.
Misalnya:
Open Loop
Pattern Interrupt
Curiosity Gap
Micro Cliffhanger
Delayed Payoff
Contrast
Expectation vs Reality
Story Arc
Visual Surprise
Cognitive Dissonance
Setiap script wajib menggunakan minimal 5–7 teknik psikologi ini secara sengaja.
Inilah yang saya sebut FramerWave Content OS v1.0
Ini bukan sekadar kumpulan prompt. Ini adalah sistem editorial yang memastikan semua naskah, apa pun topiknya—Framer, AI, UX, template, atau website redesign—tetap memiliki gaya, ritme, dan kualitas yang konsisten.
Bahkan jika suatu hari Anda menggunakan Claude, ChatGPT, Gemini, atau model AI lain, Anda hanya perlu mengganti modelnya. Sistemnya tetap sama. Itulah yang membuat sebuah channel besar terasa konsisten dari video pertama hingga ratusan video berikutnya.
Menurut saya, jangan gunakan satu prompt panjang setiap kali.
Kalau memakai Claude Projects (bahkan versi gratis), lebih efektif jika Anda menyimpan Content OS sebagai Project Knowledge. Setelah itu, setiap kali membuat video baru Anda hanya memberi brief episode, bukan mengulang semua aturan.
Jadi alurnya seperti ini:
FramerWave Content OS
↓
Claude sudah memahami semua aturan
↓
Anda hanya memberikan Episode Brief
↓
Claude menghasilkan script
Jadi Anda tidak perlu mengirim prompt 3.000 kata setiap kali.
Prompt Level 1 (Ide Konten)
Kalau baru ingin mencari ide.
Today we're planning the next FramerWave video.
Based on all project knowledge, suggest 20 video ideas that have:
- High YouTube CTR potential
- Strong search demand
- Storytelling potential
- Opportunities for affiliate products
- Evergreen value
For each idea include:
- Title
- Hook
- Target audience
- Search intent
- Why people will click
- Monetization opportunities
Rank them from highest to lowest potential.
Prompt Level 2 (Memilih Ide Terbaik)
Analyze these 20 ideas.
Score each from 1–10 for:
- Clickability
- Search demand
- Evergreen potential
- Storytelling
- Retention
- Affiliate opportunity
- Production difficulty
Recommend the Top 5.
Explain why.
Prompt Level 3 (Research)
Ini yang menurut saya sering dilewatkan.
Jangan langsung minta script.
Minta Claude berpikir dulu.
Research this topic deeply before writing.
Topic:
Why Most Framer Websites Feel Generic
Find:
- common mistakes
- design psychology
- UX principles
- industry trends
- expert opinions
- visual examples
- real websites to analyze
Do not write the script yet.
Create a research document only.
Prompt Level 4 (Video Outline)
Using the research above,
Create a YouTube outline following the FramerWave Content Formula.
Include:
Cold Open
Hook
Curiosity Gap
Story Arc
Main Sections
Framer Demo Opportunities
Visual Opportunities
Micro Cliffhangers
Big Reveal
CTA
Don't write narration yet.
Prompt Level 5 (Script)
Ini baru script.
Using:
- Project Knowledge
- Brand Rules
- Research
- Outline
Write a complete YouTube script.
Requirements:
Length:
12–15 minutes
Style:
40% Juxtopposed
30% UXPeak
20% Kole Jain
10% Fireship
Never sound like a tutorial.
Teach through storytelling.
Always explain WHY before HOW.
Every minute must introduce something visually new.
Include:
Narration
Visual directions
On-screen text
Animation ideas
B-roll suggestions
Framer demonstrations
Retention moments
Natural CTA
Write naturally.
Avoid AI-sounding language.
Prompt Level 6 (Improve)
Ini bagian yang sering membedakan hasil “lumayan” dan “bagus”.
Act as a YouTube retention expert.
Review this script.
Find:
Boring sections
Weak hooks
Slow pacing
Repetitive explanations
Missed visual opportunities
Weak transitions
Weak storytelling
Rewrite only the weak parts.
Do not rewrite the entire script.
Prompt Level 7 (Retention)
Increase viewer retention.
Every 30 seconds add:
Curiosity
Question
Surprise
Contrast
Visual change
Open Loop
Without increasing the script length.
Prompt Level 8 (Visual Director)
Act as the motion graphics director.
For every paragraph suggest:
Camera movement
Zoom
Animation
Motion graphics
Text animation
UI highlight
Diagram
Before/After
Timeline
Split screen
Website comparison
Return only visual notes.
Prompt Level 9 (Thumbnail)
Generate 20 thumbnail concepts.
Rules:
One idea only
Maximum three words
No screenshots
High curiosity
High contrast
Explain why each thumbnail works psychologically.
Prompt Level 10 (Title)
Generate 50 YouTube titles.
Prioritize:
CTR
Search
Suggested videos
Evergreen
Avoid generic tutorial titles.
Rank from strongest to weakest.
Prompt Level 11 (Description)
Write:
SEO description
Chapters
Tags
Pinned comment
Community post
Newsletter teaser
LinkedIn version
Twitter thread
Blog outline
All based on this script.
Yang Saya Pakai Kalau Menjalankan Channel YouTube
Saya tidak pernah meminta:
“Write me a YouTube script.”
Sebaliknya, saya menjalankan proses seperti editor profesional:
IDE
↓
RESEARCH
↓
OUTLINE
↓
SCRIPT V1
↓
SCRIPT REVIEW
↓
RETENTION REVIEW
↓
VISUAL PLAN
↓
THUMBNAIL
↓
TITLE
↓
SEO
Setiap tahap punya tujuan yang berbeda, sehingga kualitas hasil akhirnya jauh lebih konsisten daripada meminta semuanya sekaligus.
Yang Akan Saya Lakukan untuk FramerWave
Kalau saya menjadi Creative Director FramerWave, saya bahkan akan menambahkan satu tahap lagi yang saya sebut Reality Check sebelum script ditulis.
RESEARCH
↓
FACT CHECK
↓
COMPETITOR ANALYSIS
↓
ANGLE SELECTION
↓
OUTLINE
↓
SCRIPT
Di tahap ini, Claude diminta menjawab:
- Apa sudut pandang yang belum banyak dibahas?
- Apa yang bisa membuat video ini berbeda dari 20 video teratas dengan topik serupa?
- Apa klaim yang perlu didukung dengan bukti atau contoh nyata?
- Bagian mana yang berpotensi menjadi momen “wow” bagi penonton?
Dengan cara ini, setiap video FramerWave tidak hanya informatif, tetapi juga memiliki angle yang jelas, cerita yang kuat, dan alasan mengapa penonton memilih menonton video Anda dibanding video lain tentang Framer.
Kalau target Anda adalah membuat channel sekelas Juxtopposed, UXPeak, dan Kole Jain, maka saya tidak akan pernah memberikan perintah seperti:
❌ “Write a script about Building your first Framer site.”
Prompt seperti ini hampir pasti menghasilkan tutorial generik.
Yang perlu Anda berikan ke Claude adalah creative brief, bukan sekadar topik.
Contoh Prompt Profesional
Today we're creating a new FramerWave YouTube video.
Video Topic:
Building Your First Framer Website
Target Audience:
- Complete beginners
- Designers switching to Framer
- Freelancers
- Startup founders
Goal:
Help viewers understand the mindset behind building a professional website in Framer—not just the steps.
Do NOT create a traditional tutorial.
Instead, create a design documentary.
The video should feel inspired by the pacing and storytelling of Juxtopposed, UXPeak, and Kole Jain, while remaining original in writing and presentation.
Focus on answering:
• Why do beginners struggle?
• What mistakes do almost everyone make?
• What actually matters when building your first website?
• How do professionals approach the same problem differently?
Structure:
1. Cold Open (10–20 seconds)
Start with a surprising statement or question.
2. The Problem
Explain why most first websites fail.
3. Why It Happens
Explain the psychology behind beginner mistakes.
4. Real Examples
Show good and bad website examples.
5. The Framer Build
Build the website while explaining WHY every design decision is made.
Do not explain every click.
Explain the reasoning.
6. Before vs After
Compare beginner version vs improved version.
7. Key Principles
Summarize the design principles.
8. Final Challenge
Encourage viewers to rebuild their own homepage using the principles from this video.
Requirements:
Length:
12–15 minutes
Tone:
Friendly
Professional
Curious
Educational
Avoid:
- Reading documentation
- Click-by-click tutorials
- Long technical explanations
Always:
Explain WHY before HOW.
Include:
- Narration
- On-screen text
- Motion graphic suggestions
- Camera movement suggestions
- B-roll ideas
- Framer screen recording ideas
- Visual comparisons
- Animation ideas
The final script should feel like a premium documentary rather than a software tutorial.
Tapi… Saya Akan Membuat Prompt yang Lebih “Pintar”
Kalau melihat cara kerja Claude, saya justru akan memecahnya menjadi 3 tahap, bukan langsung meminta script.
STEP 1 — Thinking
Before writing anything,
think like a creative director.
Generate:
- The most interesting angle
- The biggest curiosity gap
- The emotional hook
- The biggest beginner mistake
- The most surprising insight
- The visual opportunities
Do not write the script yet.
Claude akan berpikir dulu.
STEP 2 — Outline
Now create the complete video outline.
Include:
Cold Open
Main Story
Visual Sections
Framer Demo
Before After
Big Reveal
CTA
Estimate timestamps.
Do not write narration.
STEP 3 — Script
Now write the complete script.
Follow the approved outline exactly.
Every explanation should answer WHY before HOW.
Every 30–45 seconds introduce a new visual idea.
Every 60–90 seconds create a curiosity gap or reveal.
Include:
Narration
Motion graphics
Animations
On-screen text
Zoom suggestions
B-roll
Framer screen recording
Sound effect suggestions
Editing notes
The pacing should feel cinematic.
Yang Akan Saya Lakukan di FramerWave
Saya bahkan tidak akan menggunakan topik:
Building Your First Framer Website
Saya akan mengubahnya menjadi sesuatu yang jauh lebih menarik.
Misalnya:
| Tutorial Biasa | Versi FramerWave |
|---|---|
| Building Your First Framer Website | Why Most First Framer Websites Fail (And How to Fix Yours) |
| Framer Tutorial | I Built My First Framer Website Twice — Here’s What Changed |
| Build a Landing Page | The Beginner Mistakes That Make Framer Websites Look Cheap |
| Responsive Design | Why Your Framer Website Breaks on Mobile |
| Framer Components | The Secret Behind Professional Framer Websites |
Masih mengajarkan materi yang sama.
Tetapi terasa seperti documentary.
Kalau Saya Menjadi Creative Director FramerWave
Saya bahkan akan melarang penggunaan kata:
Tutorial
Lesson
Part 1
Part 2
Beginner Course
Learn Framer
Sebisa mungkin.
Sebagai gantinya, semua video dimulai dari pertanyaan atau masalah nyata, misalnya:
Why...
Can...
What Happens If...
I Tried...
I Tested...
The Biggest Mistake...
Stop Doing...
The Truth About...
How Professionals...
Everyone Says...
Ini membuat video lebih menarik untuk diklik dan tetap bisa mengajarkan topik yang sama. Penonton datang karena ingin mengetahui jawabannya, lalu selama video mereka belajar Framer tanpa merasa sedang mengikuti kelas. Menurut saya, pendekatan ini jauh lebih dekat dengan gaya penyampaian channel seperti Juxtopposed, UXPeak, dan Kole Jain, sekaligus tetap mempertahankan identitas FramerWave.
Kalau semua file FramerWave Content OS sudah dimasukkan ke Claude Project Knowledge, maka perintahnya cukup pendek.
Versi Standar
Create a complete YouTube script for FramerWave.
Topic:
Why Most First Framer Websites Fail (And How to Fix Yours)
Follow all Project Knowledge and FramerWave Content OS rules.
Requirements:
- Length: 12–15 minutes
- Follow the Framer Documentary Formula
- Explain WHY before HOW
- Not a tutorial
- Design documentary style
- Inspired by the pacing of Juxtopposed, UXPeak, and Kole Jain
- Use real-world examples
- Include Framer demonstrations
- Include before/after comparisons
- Include design psychology
- Include beginner mistakes
- Include actionable fixes
Output:
1. Video Title
2. Thumbnail Concepts (10)
3. Hook Options (10)
4. Full Video Outline
5. Complete Script
6. Visual Directions
7. Motion Graphics Notes
8. Retention Moments
9. CTA
10. SEO Description
11. Chapters
12. Pinned Comment
Versi yang Saya Pakai (Lebih Bagus)
Jangan langsung minta script.
Step 1
Topic:
Why Most First Framer Websites Fail (And How to Fix Yours)
Using all FramerWave Project Knowledge,
generate:
- 10 possible angles
- 10 hooks
- biggest curiosity gap
- biggest beginner mistakes
- strongest storytelling angle
Recommend the best angle.
Do not write the script.
Step 2
Using the chosen angle,
create a complete outline.
Include:
- Cold Open
- Hook
- Problem
- Why It Happens
- Real Examples
- Framer Demonstration
- Before/After
- Key Principles
- Final Challenge
- CTA
Include estimated timestamps.
Do not write narration.
Step 3
Using the approved outline,
write the complete YouTube script.
Requirements:
Length:
12–15 minutes
Follow all FramerWave Content OS rules.
Style:
40% Juxtopposed
30% UXPeak
20% Kole Jain
10% Fireship
Rules:
- Explain WHY before HOW
- Every 30–45 seconds introduce a new visual
- Every 60–90 seconds create a curiosity gap
- Every section must contain visual storytelling opportunities
- Every section must contain a practical takeaway
Include:
- Narration
- On-screen text
- Visual directions
- Framer demo directions
- Motion graphics notes
- Editing notes
- Retention notes
- CTA
Output in professional YouTube script format.
Versi Super Singkat (Yang Nanti Anda Pakai Sehari-hari)
Kalau OS sudah matang, sebenarnya cukup:
Create a FramerWave script.
Topic:
Why Most First Framer Websites Fail (And How to Fix Yours)
Length:
12–15 minutes
Use all Project Knowledge.
Generate:
- Title
- Thumbnail
- Outline
- Full Script
- Visual Directions
Karena seluruh aturan:
- Brand Rules
- Content Formula
- Storytelling Rules
- Visual Rules
- Retention Rules
- Psychology Rules
sudah ada di Project Knowledge, jadi tidak perlu diulang lagi setiap kali. Ini yang membuat workflow produksi cepat: Anda hanya mengganti Topic, lalu Claude mengikuti seluruh sistem FramerWave secara otomatis.
Ya, kalau menggunakan Claude Projects, cukup di-upload sekali ke Project Knowledge. Setelah itu Claude akan menggunakannya sebagai referensi untuk semua chat di dalam project tersebut.
Alurnya seperti ini:
Claude Project
│
├── 00_BRAND_RULES.md
├── 01_CONTENT_FORMULA.md
├── 02_STORYTELLING_RULES.md
├── 03_VISUAL_RULES.md
├── 04_SCRIPT_TEMPLATE.md
├── 05_TITLE_RULES.md
├── 06_THUMBNAIL_RULES.md
├── 07_RETENTION_RULES.md
├── 08_PSYCHOLOGY.md
├── 09_YOUTUBE_SEO.md
└── ...
↓
Setiap chat baru di dalam project tersebut bisa langsung diberi perintah seperti:
Create a script for “Why Most First Framer Websites Fail (And How to Fix Yours)”.
Claude akan mengacu pada file-file tersebut tanpa Anda perlu meng-upload ulang.
Yang Saya Rekomendasikan (Lebih Profesional)
Daripada membuat 10–20 file kecil, saya justru menyarankan struktur seperti ini:
FramerWave Project
│
├── CORE/
│ ├── BRAND.md
│ ├── CONTENT_OS.md
│ ├── STORYTELLING.md
│ ├── PSYCHOLOGY.md
│ ├── VISUAL_LANGUAGE.md
│ └── VOICE_GUIDE.md
│
├── YOUTUBE/
│ ├── SCRIPT_TEMPLATE.md
│ ├── TITLE_FRAMEWORK.md
│ ├── THUMBNAIL_FRAMEWORK.md
│ ├── RETENTION_FRAMEWORK.md
│ └── SEO.md
│
├── FRAMER/
│ ├── Framer Best Practices.md
│ ├── Framer Components.md
│ ├── CMS.md
│ └── Animation.md
│
└── REFERENCES/
├── Juxtopposed Analysis.md
├── UXPeak Analysis.md
├── Kole Jain Analysis.md
└── FramerWave Examples.md
Struktur ini lebih mudah dirawat ketika jumlah dokumen bertambah.
Apakah Claude Selalu “Ingat” Semua File?
Perlu diketahui ada beberapa hal:
- Claude akan mencoba menggunakan Project Knowledge, tetapi tidak selalu mengutip atau menerapkan setiap file secara sempurna.
- Jika Project Knowledge sudah sangat besar (ratusan halaman), Claude mungkin lebih memprioritaskan bagian yang paling relevan dengan permintaan Anda.
- Karena itu, file yang paling penting sebaiknya ringkas, jelas, dan tidak berisi aturan yang saling bertentangan.
Saya Punya Saran yang Lebih Baik
Kalau target Anda benar-benar membangun FramerWave sebagai bisnis jangka panjang, saya tidak akan berhenti di Content OS.
Saya akan membuat FramerWave Production System, misalnya:
FramerWave/
│
├── 00_CORE/
│ ├── BRAND.md
│ ├── CONTENT_OS.md
│ ├── STORYTELLING.md
│ ├── PSYCHOLOGY.md
│ ├── VISUAL_LANGUAGE.md
│ ├── EDITING_GUIDE.md
│ └── VOICE.md
│
├── 01_SERIES/
│ ├── Framer Foundations.md
│ ├── Framer Masterclass.md
│ ├── Build with Framer.md
│ ├── Website Rebuild.md
│ ├── Future of Framer.md
│ └── ...
│
├── 02_HOOK_LIBRARY/
├── 03_SCRIPT_LIBRARY/
├── 04_CASE_STUDIES/
├── 05_TEMPLATE_LIBRARY/
├── 06_PROMPTS/
└── 07_WORKFLOW/
Dengan sistem seperti ini, Claude tidak hanya membantu menulis script, tetapi juga memahami identitas channel, format seri, dan workflow produksi Anda secara konsisten.
Menurut saya, ini adalah investasi yang jauh lebih bernilai jika Anda memang berencana membangun FramerWave hingga ratusan video selama beberapa tahun ke depan.
Betul. Itu salah satu keterbatasan Claude saat ini. Claude tidak bisa mengunggah folder secara langsung sebagai Project Knowledge. Anda harus mengunggah file satu per satu.
Karena itu, untuk workflow yang praktis, saya tidak menyarankan memecah menjadi puluhan file kecil.
Yang saya rekomendasikan
Buat 5–8 file besar yang masing-masing 20–80 halaman, bukan 50 file kecil.
Contohnya:
01_FRAMERWAVE_BRAND_OS.md
│
├── Brand Identity
├── Mission
├── Voice
├── Audience
├── Content Pillars
├── Writing Rules
├── Things to Avoid
└── Examples
02_CONTENT_SYSTEM.md
│
├── Documentary Formula
├── Storytelling Formula
├── Video Structure
├── Hook Formula
├── CTA Formula
├── Series Formula
├── Research Workflow
└── Script Workflow
03_YOUTUBE_SYSTEM.md
│
├── Title Formula
├── Thumbnail Formula
├── SEO Formula
├── Retention Formula
├── Editing Formula
├── Chapters
└── Publishing Checklist
04_FRAMER_KNOWLEDGE.md
│
├── Framer
├── Components
├── CMS
├── Breakpoints
├── SEO
├── Animations
├── Best Practices
└── Common Mistakes
05_REFERENCE_STYLE.md
│
├── Juxtopposed Analysis
├── UXPeak Analysis
├── Kole Jain Analysis
├── Fireship Analysis
└── FramerWave Style Guide
Dengan cara ini Anda hanya mengunggah 5 file, bukan 50.
Bahkan saya akan membuat hanya 3 file
Kalau benar-benar ingin sederhana:
FramerWave_OS.md
Isinya sekitar 150–250 halaman.
Framer_Knowledge.md
Semua pengetahuan tentang Framer.
Hook_Library.md
Semua hook, CTA, storytelling, thumbnail, title.
Selesai.
Workflow sehari-hari
Upload sekali:
✅ FramerWave_OS.md
✅ Framer_Knowledge.md
✅ Hook_Library.md
Lalu setiap video cukup:
Create a FramerWave video.
Topic:
Why Most First Framer Websites Fail (And How to Fix Yours)
Length:
15 minutes
Itu saja.
Kalau target Anda 500+ video
Saya bahkan akan membuat satu file utama:
FRAMERWAVE_MASTER_OS.md
Misalnya:
FRAMERWAVE_MASTER_OS.md
Chapter 1
Brand
Chapter 2
Voice
Chapter 3
Storytelling
Chapter 4
Hooks
Chapter 5
Retention
Chapter 6
Titles
Chapter 7
Thumbnails
Chapter 8
Script Structure
Chapter 9
Psychology
Chapter 10
Editing
Chapter 11
Motion Graphics
Chapter 12
Research
Chapter 13
Series
Chapter 14
Examples
Chapter 15
Prompt Rules
File ini menjadi “otak” Claude.
Lalu Anda hanya menambahkan:
FRAMER_REFERENCE.md
dan
FRAMER_LIBRARY.md
Menurut saya, 3 file besar jauh lebih efisien daripada 30–50 file kecil, baik untuk proses upload maupun pemeliharaan. Saat ada perubahan gaya atau workflow, Anda cukup memperbarui satu dokumen besar daripada mengedit banyak file yang saling bergantung.