Learning Timeline
Key Insights
Mengenal Pasti 'Vibe' AI yang Lemah
Rekaan AI yang biasa (tipikal) selalunya menggunakan 'purple gradients', 'rounded corners' yang keterlaluan, dan banyak 'emojis'. Gunakan 'Front-End Design Skill' untuk memaksa AI keluar daripada corak ini supaya hasil kerja nampak lebih 'bespoke' dan mahal.
Kuantiti vs Kualiti
Dengan menggunakan framework ini dalam Cloud Code, anda boleh menjana sehingga 100 landing page yang berbeza untuk setiap segmen pelanggan (personalization) dalam masa yang sangat singkat berbanding cara tradisional.
Kelebihan Terminal vs GUI
Walaupun terdapat plugin visual untuk VS Code, menggunakan terminal untuk menjana kod seringkali lebih pantas dan memberikan kawalan yang lebih 'raw' terhadap proses pembangunan 'programmatic' landing pages.
Prompts
Penjanaan Landing Page Anti-Corporate
Target:
Claude / Cursor
Create a conversion optimized landing page for [NAMA BISNES] with a distinctive anti-corporate aesthetic that stands apart from competitors like [NAMA PESAING]. Use the front-end design skill to avoid typical AI patterns like purple gradients and excessive emojis. Focus on a confident, clean, and professional layout.
Step by Step
Aliran Kerja Membina Landing Page Estetik (Bukan Gaya Tipikal AI)
- Lakukan kajian pasaran menggunakan Perplexity MCP untuk mendapatkan sudut kedudukan (positioning angles) yang unik bagi bisnes anda.
- Kumpulkan elemen daripada pesaing termasuk tangkapan skrin (screenshots) dan salinan ayat (copy) untuk dijadikan rujukan rekaan.
- Gunakan 'Front-End Design Skill' daripada Anthropic (set instruksi khusus) untuk mengelakkan gaya rekaan AI yang klise seperti 'purple gradients' atau 'rounded corners'.
- Masukkan 'Direct Response Copy Skill' ke dalam prompt untuk memastikan landing page berorientasikan penukaran (conversion-optimized).
- Jalankan prompt dalam Cursor atau Cloud Code terminal untuk menjana kod landing page secara automatik.
- Semak output landing page untuk memastikan ia mempunyai elemen seperti 'Problem', 'The Difference', 'Founder Story', dan perbandingan harga (traditional vs new way).
- Lakukan iterasi atau ubah suai mengikut segmen pelanggan yang berbeza (contoh: satu page untuk founder, satu untuk agensi).
