시작하기무료로 시작하기

Refining the UI with Claude Code

That rough Contact Us form is waiting in your working directory at /home/repl/contact-form/, in a file called ContactForm.jsx. You don't need to touch the code yourself. Instead, describe what's wrong and let Claude make the changes.

The more specific your feedback, the better the result, so call out the concrete problems: the missing field labels, the weak contrast and faint text, the cramped spacing, and the unclear submit button.

이 연습은 강의의 일부입니다

Claude Code in Action

강의 보기

연습 안내

  • Start Claude Code with claude.
  • Ask Claude to improve ContactForm.jsx, describing the concrete fixes: add field labels, improve the contrast, add spacing, and make the submit button clear.
  • Type /exit to exit Claude Code.

실습형 인터랙티브 연습문제

이론을 실습으로 바꾸는 인터랙티브 연습 중 하나를 만나보세요

연습 시작