Alur Kerja Explore-Plan-Code

Pengembangan Perangkat Lunak dengan Claude Code

Dani Zysman

AI Curriculum Manager @ DataCamp

Masalah "Langsung Terjun"

Gunung es: prompt di atas permukaan, kompleksitas tersembunyi di bawah

Alur Kerja

Diagram alir: Init → Explore → Plan → Code

Ringkasan Proyek API

music-analytics-api/
  app.py           # Application entry point
  routes.py        # API endpoints
  models.py        # Artist/Album models
  analytics.py     # Statistics functions
  middleware.py    # Request logging
  config.py        # Session settings

Sebuah Music Analytics API sederhana dengan pola yang sudah ada dan harus dipatuhi.

CLAUDE.md: Memori Proyek

CLAUDE.md:

Memberi Claude konteks persisten tentang proyek Anda
Claude membacanya otomatis setiap sesi
Tidak perlu menjelaskan ulang penyiapan setiap kali

Mulai dengan /init

> /init

Music Analytics API
A Flask-based REST API for music data analytics.

Project Structure
- app.py       Flask application entry point
- routes.py    API endpoint definitions
- analytics.py Statistical analysis functions

Coding Conventions
- Use type hints for function parameters
- Include docstrings for all public functions
- Follow PEP 8 style guidelines

Mode Rencana

Alihkan dengan Shift+Tab atau ketik /plan
Setelah rencana dibuat, tekan Ctrl+G untuk memvisualisasi, menyetujui, meninjau, atau mengeditnya

Melewati Perencanaan

> Add a /api/login endpoint that creates a session for a user

from flask import jsonify, request
from flask_login import LoginManager, login_user
from app import app

login_manager = LoginManager(app)
@app.route('/api/login', methods=['POST'])
def login():
    """Handle user login and create session."""
    data = request.get_json()
    user = User.query.filter_by(username=data['username']).first()
    if user and user.password == data['password']:
        login_user(user)
        return jsonify({'status': 'success'})
    return jsonify({'error': 'Invalid credentials'}), 401

Rencanakan Dulu, Baru Kode

> /plan Add a /api/login endpoint that creates a session for a user

Plan: Add POST /api/login endpoint

Context
The music analytics API has session infrastructure in place
(flask_session, SECRET_KEY, session already imported in routes)
but no authentication.

Files to Modify
- models.py:  add User class, UserStore class, user_store singleton
- routes.py:  expand import, add login route

No changes needed to app.py, config.py, middleware.py, or analytics.py.

Pemikiran Mendalam

> think about how to add authentication to this API

Tingkat Pemikiran

Perintah	Kedalaman Penalaran
`think`	Penalaran dasar
`think more`	Penalaran diperluas
`think a lot`	Penalaran komprehensif
`think longer`	Penalaran dengan waktu lebih lama
`ultrathink`	Penalaran maksimum

Mengelola Context Window dan Token

excalidraw: Jendela konteks terisi prompt dan respons, menampilkan rincian token

"Context window exceeded" → sesi terlalu panjang, gunakan /clear
Claude memprioritaskan percakapan terbaru saat konteks penuh

Alur Kerja Lengkap

Diagram alir: /init → Explore → Plan → Review → Code → Test

Ayo berlatih!

Pengembangan Perangkat Lunak dengan Claude Code