Learning Timeline
Key Insights
Perbezaan Gaya 'Agentic'
Codex cenderung untuk terus melaksanakan tugas (executing on the plan) tanpa gangguan, manakala Claude Code sering meminta 'permission' tambahan sebelum membuat perubahan fail.
Kekuatan vs Kelemahan Output
Claude Code sering bersifat 'over-ambitious' dengan menambah UI yang kompleks (seperti gradient background), tetapi kadangkala memperkenalkan bug pada logik aplikasi. Codex lebih 'simple' dan fokus kepada fungsi yang diminta, yang selalunya lebih stabil.
Tips Troubleshooting Claude
Jika Claude memberikan hasil yang tidak konsisten, Anthropic telah mengakui isu kestabilan API baru-baru ini. Menggunakan model Opus boleh membantu mendapatkan hasil yang lebih tepat buat masa ini.
Prompts
Prompt Asas Bina Aplikasi Pomodoro
Target:
Codex CLI & Claude Code
Build a simple pomodoro timer app with start, pause, and reset buttons. Show the countdown. 25 minutes by default. switch to a 5m minute break after each session and loop the cycle. Use clean, minimal UI
Prompt Penambahan Ciri (Iterasi)
Target:
Codex CLI & Claude Code
implement multi-timer functionality and adjustable durations.
Step by Step
Cara Membina Aplikasi Menggunakan GPT-5 Codex CLI
- Buka terminal atau command line interface (CLI) anda.
- Taip arahan `codex` untuk mengaktifkan agent.
- Pastikan model 'GPT-5 Codex' telah dipilih atau aktif dalam sesi tersebut.
- Masukkan prompt arahan untuk membina aplikasi (rujuk Prompt Card) dan tekan Enter.
- Perhatikan Codex merancang dan melaksanakan penulisan kod secara automatik (Codex biasanya tidak meminta permission berulang kali).
- Setelah selesai, lihat senarai fail yang dijana (contohnya `index.html`).
- Taip arahan `open index.html` terus dari CLI untuk melihat hasil aplikasi di browser.
Cara Membina Aplikasi Menggunakan Claude Code
- Buka terminal atau window CLI yang berasingan.
- Taip arahan `claude` untuk memulakan sesi.
- Tukar model kepada 'Opus' dengan menaip arahan pertukaran model untuk prestasi terbaik.
- Masukkan prompt arahan yang sama seperti yang digunakan pada Codex.
- Berikan kebenaran (Permission) apabila Claude meminta pengesahan untuk mencipta atau mengubah fail dengan menaip 'y' atau 'yes'.
- Semak ringkasan ciri-ciri yang diberikan oleh Claude setelah kod selesai dijana.
- Buka fail HTML yang dihasilkan dalam browser untuk menguji fungsi timer.
