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.
Bài tập này là một phần của khóa học
Claude Code in Action
Hướng dẫn bài tập
- 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
/exitto exit Claude Code.
Bài tập tương tác thực hành
Biến lý thuyết thành hành động với một trong các bài tập tương tác của chúng tôi
Bắt đầu bài tập