This step focuses on setting up the basic tools used throughout the rest of the process. The goal here is not to build anything yet, but to ensure the working environment is ready and accessible.

The setup involves installing a coding agent (Claude Code) and a development environment (Cursor), then understanding the different ways these tools can be accessed and used.

What happens in this step

The work in this step includes:

• Installing Claude Code using one of the available methods (command line, package managers, or native installers).
• Verifying that Claude Code runs correctly after installation.
• Understanding where Claude Code can be used:
  • Directly in the terminal
  • Inside an IDE (Cursor)
  • Via a web or desktop application
• Installing Cursor and opening it for the first time.
• Seeing how Claude Code and Cursor relate to each other in practice.

At this stage, no project structure or codebase is required.

Tools involved

• Claude Code

  Used as a coding agent that converts plain-language instructions into code. It can generate output in multiple languages such as HTML, CSS, or React, depending on context.

• Cursor

  Used as an IDE (Integrated Development Environment). It provides a visual interface for viewing files, editing code, and interacting with Claude Code in a more structured way.

Both tools can be used independently, but later steps rely on using Claude Code inside Cursor for better visibility and control.

Practical considerations

• Installation is OS-dependent (Mac or Windows).
• Some installations require basic interaction with the terminal.