다듬기

만든 화면을 고치는 프롬프트와, 스타일·색·서체를 처음부터 내가 정해 자세히 요청하는 법을 모았어요. 다듬기는 선택이에요. 에이전트가 추천한 대로 둬도 충분히 쓸 만한 화면이 나와요.

만든 뒤 고치는 프롬프트는 화면을 만든 프로젝트 폴더(예: ~/projects/living)에서 연 에이전트에 보내세요. 처음부터 자세히 요청하는 내용은 가장 쉬운 방법의 프롬프트에 넣어 작업 폴더에서 보내요.

1. 살펴볼 곳

에이전트는 아래 세 카탈로그에서 스타일을 추천해요. 미리 둘러보고 마음에 드는 스타일을 골라 두면 내 취향에 더 가깝게 요청할 수 있어요.

2. 살펴본 것을 프롬프트로 옮기기

정할 수 있는 것과 예시 문장이에요. 필요한 줄만 골라 처음 프롬프트의 서비스 부분에 붙이거나, 다 만든 뒤 따로 보내세요.

3. 한 번에 자세히 요청하기

가장 쉬운 방법의 프롬프트에서 서비스 부분([같이 사는 사람들이…]가 있는 줄부터 끝까지)을 이렇게 바꿔 보내면 처음부터 내가 정한 대로 만들어요. 고루와 비슷하게 만들고 싶을 때의 예예요. 정하지 않은 것은 에이전트가 추천해요.

이름을 직접 정할 때는 같은 이름의 서비스가 있는지 확인해 달라고 하세요. 고루도 새로 고른 이름(Evenly)과 같은 분야 앱이 앱 스토어에 있어서 다시 바꿨어요.

4. 만든 뒤 고치기

결과를 보고 마음에 안 드는 곳을 말로 적으면 돼요. "어디가 어떻게"를 함께 쓰면 더 정확하게 고쳐요.

스타일과 색

이름과 문구

고루는 이렇게 같이살림 → Evenly → 고루로 이름이 바뀌었어요.

AFTERGLOW는 이 요청으로 첫 화면 문구가 "전기요금은 가볍게, 정전에도 든든하게"가 됐어요.

울림은 이렇게 화면 70곳(조사 포함)의 말을 한 번에 바꿨어요.

구도와 화면

고루의 실제 요청을 줄인 거예요. 핏슬롯, Uptrail, 하루공부도 지금 화면의 아쉬운 점을 이렇게 적어 보내서 다시 만들었어요.

고루의 실제 요청을 줄인 거예요. 시안을 섞어 고를 수 있어요.

페이지와 동작

사진 (이미지를 그릴 수 있을 때)

PACECREW는 이런 요청으로 인물 사진 7장을, 울림과 제철상자는 4장씩 다시 만들었어요.

Codex, Antigravity, Grok Build는 자체 도구로 그리고, Claude Code는 ChatGPT 유료 요금제(Codex CLI)나 OpenAI API 키를 준비해야 그려요(이미지 그리기). 그릴 수 없으면 내가 가진 사진을 쓰거나, 사진 없이도 보기 좋은 구성으로 바꿔 달라고 하세요.

확인하고 마무리하기