Arbetsflödet Explore-Plan-Code

Mjukvaruutveckling med Claude Code

Dani Zysman

AI Curriculum Manager @ DataCamp

Problemet med att "dyka rakt in"

Isberg: prompt ovanför vattenlinjen, dold komplexitet under

Mjukvaruutveckling med Claude Code

Arbetsflödet

Flödesschema: Init → Explore → Plan → Code

Mjukvaruutveckling med Claude Code

Översikt av API-projektet

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

En enkel Music Analytics API med befintliga mönster som vi behöver respektera.

Mjukvaruutveckling med Claude Code

CLAUDE.md: projektminne

CLAUDE.md:

  • Ger Claude varaktig kontext om ditt projekt
  • Claude läser den automatiskt varje session
  • Du behöver inte förklara din konfiguration på nytt varje gång
Mjukvaruutveckling med Claude Code

Börja med /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
Mjukvaruutveckling med Claude Code

Planläge

  • Växla med Shift+Tab eller skriv /plan
  • När en plan har genererats, tryck på Ctrl+G för att visualisera, godkänna, granska eller redigera den
Mjukvaruutveckling med Claude Code

Att hoppa över planering

> 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
Mjukvaruutveckling med Claude Code

Planera först, koda sedan

> /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.
Mjukvaruutveckling med Claude Code

Utökat tänkande

> think about how to add authentication to this API
Mjukvaruutveckling med Claude Code

Nivåer av resonemang

Kommando Resonemangsdjup
think Grundläggande resonemang
think more Utökat resonemang
think a lot Omfattande resonemang
think longer Resonemang med längre tid
ultrathink Maximalt resonemang
Mjukvaruutveckling med Claude Code

Hantera kontextfönster och tokens

excalidraw: Kontextfönster som fylls med prompter och svar, med nedbrytning av tokens

  • "Context window exceeded" → sessionen är för lång, använd /clear
  • Claude prioriterar den senaste konversationen när kontexten blir full
Mjukvaruutveckling med Claude Code

Det fullständiga arbetsflödet

Flödesschema: /init → Explore → Plan → Review → Code → Test

Mjukvaruutveckling med Claude Code

Nu kör vi en övning!

Mjukvaruutveckling med Claude Code

Preparing Video For Download...