사용한 AI: Claude Code

2가지 색상이 왼쪽에서 오른쪽으로 흐르는 그라디언트 생성기를 만들어 주세요. 추가 설치나 다른 파일 없이 브라우저에서 바로 열리는 단일 HTML 파일 하나로 만들어 주세요. CSS와 자바스크립트는 파일 안에 함께 넣어 주세요. 이미지 파일이나 외부 주소는 절대 사용하지 마시고, 기호가 필요하다면 이모지나 글자를 쓰세요.

그라디언트가 눈에 잘 보이도록 화면 대부분을 채우게 해 주세요. 그 아래에는 색상 선택기와 방향을 조절하는 슬라이더를 배치해 주세요.

그라디언트 CSS 코드는 복사 버튼이 달린 상자에 보여 주세요. 사람들이 이 도구를 찾는 가장 주된 목적입니다.

완전 무작위가 아니라 서로 잘 어울리는 색을 골라 주는 "랜덤 추천" 버튼을 추가해 주세요. 색상환에서 서로 인접한 색이나 보색 관계의 색을 골라야 합니다.

완성 후에는 복사한 CSS 코드를 다른 곳에 붙여넣었을 때 화면에 보이는 것과 똑같은 결과물이 나오는지 꼭 확인해 주세요.