Advanced coding partner

Work through larger coding projects step by step

A strong tool for building real apps and services. It is more advanced, but great for learning deeper design and debugging.

Garu-chan
On this page I guide you through Claude Code step by step. Ask me below when something feels hard.

Quick wins

UI improvementsbug-fix notescode reading practice
Remember: Do not try everything at once. Work screen by screen and fix by fix.

How to use it

1

Build the skill to read first

Understand existing files and code before trying to change them.

Ask what each file is for

Start by asking about the role of a file and where the entry point is.

Focus on one screen

Looking at one page or one feature first is much easier.

Keep notes on important names

Write down component names, APIs, and state names so you do not get lost.

2

Make small fixes and check them

Avoid huge rewrites and improve things through small changes.

Fix one thing at a time

Change one thing per step, such as text, color, or layout.

Ask why the fix works

That helps you learn the reasoning, not just the answer.

Check the result after each fix

See how the screen changed and whether it improved.

3

Connect it to real production work

Learn a workflow for building and improving real projects over time.

Split problems into parts

Separate bugs, design, motion, and data issues so you can move clearly.

Ask for the next improvement

Use it to decide which improvement should come next.

Make the final decision yourself

Treat AI as a helper and choose what fits your project.