よみこみ中
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.
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.