claude.ai = PM / Design role: Handles strategic decisions, requirements structuring, prompt drafting, design reviews, and ADR creation assistance. Excels at long-form discussion and comparing multiple options—takes on the "thinking" phase in the browser conversation UI.
Claude Code = Implementation / Operations role: Handles code generation and editing, Git operations, CI/CD, infrastructure operations (terraform, etc.), and test execution. Excels at writing to real environments—takes on the "executing" phase from the CLI.
Living Documents (ADR / SESSION-LOG / OFD principles) for context retention: Prevents context loss when running multiple projects in parallel, and functions as ready-to-use handover documentation when transitioning to in-house development. "How far have we progressed?" and "Why was that decision made?" remain traceable—built alongside development as it evolves.