Claude code를 사용하여 여러 개의 라이브 SF UI를 만들었습니다. 엄청난 시간이 걸렸지만, Claude와 함께라면 분명 아름답고

작업하는 동안 모니터에 SF 분위기를 낼 수 있는 무언가를 원했지만, 시중에 마음에 드는 것을 찾을 수 없었습니다. 그래서 지난 몇 주 동안 직접 무언가를 만들며 시간을 보냈고, 결과물이 정말 만족스럽습니다!

저는 순수하게 Claude code만을 사용했습니다 (디자인은 직접 하지 않았습니다). 이미지 생성기 (image generators)는 사용하지 않았지만 (대신 몇 가지 레퍼런스를 제공했습니다), 시간이 흐르면서 제 방식도 많이 변했습니다. 처음에는 제가 찾고 있는 것에 대한 SF 이야기나 감성적인 컨셉으로 시작하여, 그것을 바탕으로 시작점을 잡을 수 있도록 한 번에 (one shot) 무언가를 만들어 달라고 요청하곤 했습니다. 그 이후에는 솔직히 말해서 요소 하나하나를 만드는 수준까지 엄청난 양의 프롬프팅 (prompting) 과정이 이어졌습니다. 모든 UI에는 '히어로 (hero)' 비주얼이 있고, 이를 지원하는 요소들(텍스트 또는 시각적/그래픽적 요소)이 있습니다. 몇 가지 큰 장애물은 서로 상당히 다른 UI를 만들려고 노력하는 것(Claude가 앵커링 편향 (anchoring bias)을 많이 보였습니다)과 화면에 요소들을 제대로 정렬하는 것이었습니다. 제가 배운 아주 큰 교훈 중 하나는, 제가 원하는 변경 사항이 무엇인지 또는 어디인지 Claude가 '볼' 수 있도록 결과물의 스크린샷을 찍어 전달하면(또는 찍어달라고 요청하면), 제 요청이 무엇이든 훨씬 더 성능이 좋았다는 점입니다.

저는 보통 의료 교육 도구를 만드는 데 Claude를 사용하기 때문에, 이번 작업은 영화나 TV 쇼에서 항상 눈여겨보았던 분야로의 정말 즐거운 외출이었습니다. 즐겁게 감상하세요! (참고로 이 작업물들은 데스크톱에서 보는 것이 가장 좋으며 완전히 무료입니다)