8 SaaS Prompt Templates
Gunakan prompt-template ini dengan ChatGPT, Claude, atau Gemini. Ubahsuai [dalam kurungan] mengikut keperluan SaaS anda.
Prompt #1
Brainstorm Idea Micro-SaaS
Guna apabila: Anda nak cari idea SaaS untuk dibina. Khusus untuk brainstorming awal.
"Brainstorm 5 idea micro-SaaS untuk [niche/industry].
Setiap idea perlu ada:
1. Nama SaaS
2. Masalah yang diselesaikan
3. Target pengguna (dengan demografik)
4. 3 pricing tiers (Free, Pro, Enterprise) dengan harga bulanan
5. Satu feature utama yang membezakan dari pesaing
6. Anggaran kos development (modal permulaan)
Fokus pada masalah real yang orang sanggup bayar untuk selesaikan."
Prompt #2
Bina Landing Page SaaS
Guna apabila: Nak bina landing page profesional dengan pricing table.
"Bina satu halaman HTML landing page untuk SaaS [nama SaaS].
Guna dark theme. Saya nak:
1. HERO SECTION:
- Headline: [headline]
- Subheadline: [subheadline]
- CTA button: 'Start Free Trial' / 'Get Started'
- Background: gradient atau particle effect
2. FEATURES GRID:
- Feature 1: [nama] — [penerangan]
- Feature 2: [nama] — [penerangan]
- Feature 3: [nama] — [penerangan]
- Feature 4: [nama] — [penerangan]
- Feature 5: [nama] — [penerangan]
- Feature 6: [nama] — [penerangan]
Setiap feature ada icon (guna emoji atau SVG)
3. PRICING TABLE (3 tiers):
- Free: RM0/month — [list features]
- Pro: RM19/month — [list features]
- Premium: RM49/month — [list features]
Tiers yang popular (Pro) kena highlight (recommended badge)
4. TESTIMONIAL SECTION:
- 3 testimonial cards dengan avatar, nama, dan quote
5. FINAL CTA SECTION:
- Headline: 'Ready to Get Started?'
- Button: 'Start Your Free Trial'
6. FOOTER:
- Product links, company links, social media, copyright
CSS: gradient accent colors (cyan, magenta), smooth hover transitions,
responsive design, professional typography."
Prompt #3
Setup Auth dengan Supabase
Guna apabila: Nak tambah login/signup/logout system menggunakan Supabase Auth.
"Saya ada SaaS [nama SaaS] dengan landing page di index.html.
Saya nak tambah authentication system guna Supabase.
Bagi saya 3 fail HTML lengkap:
1. signup.html — Borang pendaftaran
- Fields: Nama, Email, Password, Confirm Password
- Validation: password minimum 6 chars
- Selepas signup success: redirect ke dashboard
- Link to login: 'Already have an account? Login'
2. login.html — Borang login
- Fields: Email, Password
- 'Remember me' checkbox
- Link to signup: "Don't have an account? Sign up"
- Selepas login success: redirect ke dashboard
3. dashboard.html — Protected page
- Tunjuk nama user dan email (dari session)
- Navigation: Dashboard, Profile, Settings, Logout
- Kalau user belum login, redirect ke login.html
- Ada logout button yang clear session
SETIAP fail ada inline CSS dark theme.
Supabase details:
Project URL: [project-url]
Anon Key: [anon-key]
Guna CDN: https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"
Prompt #4
Bina Dashboard Pengguna
Guna apabila: Nak bina dashboard yang display profile, subscription status, dan usage stats.
"Bina dashboard pengguna untuk SaaS [nama SaaS].
Guna dark theme dengan sidebar navigation layout.
KOMPONEN WAJIB:
1. SIDEBAR (kiri):
- Logo/nama SaaS
- Nav links: Dashboard, [Feature], Profile, Settings, Logout
- Active state untuk page semasa
2. HEADER (atas):
- Welcome message: 'Welcome back, [nama user]!'
- Avatar/user icon
3. MAIN CONTENT:
a) Subscription Status Card:
- Plan sekarang: 'Free' / 'Pro' / 'Premium'
- Harga bulanan
- Status: Active / Expired
- Button: 'Upgrade Plan' / 'Manage Subscription'
b) Profile Summary Card:
- Nama, Email
- Tarikh join
- Button: 'Edit Profile'
c) Usage Stats Cards (3 cards dalam row):
- Total [feature]: 5/10 (dengan progress bar)
- Storage: 50MB/1GB (dengan progress bar)
- Days Active: 12 days
4. QUICK ACTIONS:
- 'Create New [Item]'
- 'View All [Items]'
- 'Invite Team Members'
Guna Supabase untuk dapatkan data user session.
Mock data untuk usage stats (simpan dalam localStorage).
CSS: dark theme, smooth transitions, responsive untuk mobile."
Prompt #5
Integrate Payment — Stripe Checkout
Guna apabila: Nak tambah subscription payment menggunakan Stripe dalam test mode.
"Saya nak tambah subscription payment ke SaaS [nama SaaS].
Guna Stripe Checkout dalam TEST MODE.
Pricing plans:
- Free: RM0/month — Basic features (3 projects, 10 tasks)
- Pro: RM19/month — All features (unlimited projects, priority support)
- Premium: RM49/month — Everything in Pro + AI assistant + team access
Stripe publishable key: [pk_test_...]
Bagi saya:
1. pricing.html — Halaman subscription
- 3 plan cards dengan harga dan feature list
- 'Pro' plan highlighted sebagai 'Most Popular'
- Setiap card ada button: 'Subscribe' / 'Current Plan'
- Kalau user dah subscribe, button show 'Current Plan'
2. checkout.js — Stripe Checkout integration
- Click 'Subscribe' -> redirect ke Stripe Checkout page
- Handle success URL: success.html?session_id={CHECKOUT_SESSION_ID}
- Handle cancel URL: cancel.html
3. success.html — Payment success page
- 'Payment Successful!' animation
- 'Welcome to [plan]!'
- Button: 'Go to Dashboard'
4. cancel.html — Payment cancelled
- 'Payment Cancelled'
- 'Your card was not charged.'
- Button: 'Try Again' / 'Choose Another Plan'
Test card: 4242 4242 4242 4242 (exp: 12/34, CVV: 123)
Dark theme semua halaman."
Prompt #6
Bina Feature Utama SaaS (CRUD)
Guna apabila: Nak bina feature teras SaaS — create, read, update, delete data.
"Saya nak bina feature utama untuk SaaS [nama SaaS saya] —
sebuah [jenis SaaS: task manager / budgeting tool / note app / etc.].
Bagi saya satu halaman HTML lengkap dengan:
1. LIST VIEW — Papar semua items dalam table/cards
- Column: [relevant columns]
- Search bar untuk filter
- Sort by date/name/status
- Pagination (10 items per page)
2. CREATE FORM — Modal atau page berasingan
- Fields: [list fields with types]
- Validation: semua required field
- Submit button: 'Save' / 'Create'
3. EDIT FUNCTIONALITY
- Klik item -> buka edit modal
- Pre-filled dengan data sedia ada
- Update button: 'Save Changes'
4. DELETE FUNCTIONALITY
- Confirmation dialog: 'Are you sure?'
- Delete button dengan confirmation
5. STATUS MANAGEMENT
- Mark as complete/pending/done
- Status filter: All / Active / Completed
DATA STORAGE:
- Guna Supabase table '[table_name]'
- Table structure:
- id: uuid (default: gen_random_uuid())
- user_id: uuid (references auth.users)
- [other columns with types]
- created_at: timestamp
- updated_at: timestamp
CSS: dark theme, responsive, smooth transitions.
Semua operation guna JavaScript fetch API ke Supabase."
Prompt #7
Setup Custom Domain dengan Cloudflare
Guna apabila: Nak tambah custom domain (.com, .my, etc.) ke SaaS yang sudah dideploy di Cloudflare Pages.
"Saya nak setup custom domain [domain.com] untuk SaaS saya
yang dideploy di Cloudflare Pages.
Saya dah:
1. Beli domain [domain.com] dari [registrar: Namecheap/GoDaddy/etc.]
2. Dah deploy SaaS di Cloudflare Pages dengan URL: [nama-saas].pages.dev
Bagi saya langkah demi langkah:
1. Cara add domain di Cloudflare Pages dashboard
2. DNS records yang perlu dibuat:
- A record: @ -> [IP addresses]
- CNAME record: www -> [nama-saas].pages.dev
3. Cara update nameservers di domain registrar
4. Cara enable SSL/TLS (Full/Strict)
5. Cara setup automatic HTTPS rewrites
6. Cara verify domain dah propagate (check di whatsmydns.net)
7. Troubleshooting common issues:
- 'Domain not found' error
- SSL certificate not provisioning
- DNS propagation still pending
Berikan juga arahan spesifik untuk:
- Namecheap: update nameservers
- GoDaddy: update nameservers
- Cloudflare: add domain + setup Pages"
Prompt #8
Tulis Marketing Copy untuk SaaS
Guna apabila: Nak tulis copywriting untuk landing page, social media, dan marketing materials.
"Tulis marketing copy untuk SaaS [nama SaaS] — [satu ayat penerangan].
Target audience: [description of target users]
Masalah utama mereka: [main problem]
Penyelesaian SaaS: [how your SaaS solves it]
Saya nak:
1. HEADLINE (5 options):
- Benefit-focused
- Short (<10 words)
- Memorable
2. SUBHEADLINE (3 options):
- Explain value proposition
- 10-20 words
3. CTA BUTTON TEXT (5 options):
- Action-oriented
- Create urgency
4. FEATURE DESCRIPTIONS:
- Untuk setiap feature, tulis: (a) Short tagline, (b) 1-paragraph explanation
- Fokus pada BENEFIT, bukan feature
5. PRICING COPY:
- Untuk setiap pricing tier, tulis persuasive description
- Kenapa orang patut pilih tier ni?
6. SOCIAL MEDIA POSTS:
- 3 tweets untuk Twitter/X (masing-masing <280 chars)
- 3 Instagram captions (dengan hashtags)
- 1 LinkedIn post (professional tone, 150-200 words)
7. EMAIL MARKETING:
- Welcome email (new signup)
- Trial ending email
- Feature announcement email
Tone: Professional tapi friendly, Bahasa Malaysia (formal sikit untuk B2B, santai untuk B2C)."