ChatGPT 웹사이트 디자인 프롬프트

ChatGPT: 완전한 웹사이트 요구사항

Create an original website brief for Fieldnote, a fictional research-notes app.
Audience: small product teams. Explain collect → compare → decide.
Output: one self-contained HTML/CSS file if your current tools can create files;
otherwise provide complete code and explain how to open it locally.
Use warm paper, ink text and one clearly fictional research-note specimen.
Sections: introduction, specimen, three-step workflow and a closing workflow link.
The primary action is “Explore the workflow” and targets #workflow.
Include semantic headings, a skip link, visible focus and reduced motion.
Support 1280, 390 and 320 px. Do not add signup, prices, customer logos or metrics.
List the output files and the checks actually performed.

ChatGPT: 모바일 문제 하나 수정

Review the current Fieldnote output. At 320 px, the note specimen extends
beyond the viewport. First identify the specific element and sizing rule.
Change only the specimen layout; preserve desktop typography, all copy and links.
Use wrapping or responsive sizing instead of hiding content or clipping the page.
Return the changed file, then repeat 320, 390 and 1280 px checks.
If you cannot open the result in a browser, mark those checks as not performed.
Do not describe proposed CSS as a verified fix.

이 프롬프트로 동작하고 배포된 사이트가 만들어지나요?

세션에서 활성화한 도구와 실제 수행한 작업에 달려 있습니다. 요구사항, 생성 파일, 미리보기, 호스팅된 사이트는 별도 결과물입니다. 이 예시는 ChatGPT에서 실행하지 않았으며 Fieldnote는 별도의 Codex 실행 기록입니다.