Making Changes with Claude Code

Now that Claude Code has created your project and you are able to view it on your system, you’ll want to make changes and improvements. Here’s how!

Want to tweak something? You have two options:

The easiest way - just tell Claude Code what to change or share some screenshots or design images (only PNG, GIF, WebP, JPEG images are supported, no PDFs)

Change the heading font to something more playful

Make the buttons bigger and add rounded corners

Add a footer with copyright information

You can also edit files directly using any text editor:

1. Open the file in a text editor (VS Code, Notepad++, TextEdit, etc.)
2. Make your changes
3. Save the file
4. Refresh your browser to see the changes

After making changes to your project, let’s save them with GitHub Desktop:

1. Switch to GitHub Desktop.
2. Click on ‘Fetch Origin’ incase you want to fetch the changes Claude Code has made and verify locally.
3. If you have made any changes manually in the editor, you should see your new files listed in the “Changes” tab.

Click on the files to see what was created or modified. All the changed files should be checked.

1. In the “Summary” field at the bottom left, type something that describes the changes you made
   • First time: Initial project created with Claude Code
   • After changes: Updated button styles and added footer
2. Click the “Commit to branch” button

Save your work frequently with meaningful commit messages. This creates a history you can refer back to.

Always view your changes in the browser before committing to make sure they work as expected.

Instead of “updates” or “changes”, write:

• “Add contact form with validation”
• “Fix navigation menu alignment”
• “Update color scheme to blue”

You can even ask Claude to help you write these.

In the next section, we’ll learn how to deploy your project to github pages and make it accessible on the internet.