Claude Design 웹사이트 프롬프트와 구현 전달

Claude Design: 웹사이트·프로토타입 요구사항

Create a website design for Fieldnote, a fictional research-notes app.
Audience: small product teams. Goal: explain collect → compare → decide.
Use a warm-paper and ink direction; show one clearly fictional note specimen.
Include an introduction, specimen, three-step workflow and closing action.
The action is “Explore the workflow”; the intended destination is #workflow.
Show desktop and 390 px layouts. Keep note details readable on mobile.
Distinguish a designed control from an implemented interaction.
Do not invent signup, prices, testimonials, customer logos or product metrics.
If using a supplied design system, preserve its typography and component rules.
List open interaction and content decisions before handing the design to code.

Claude Design: 구현을 위한 전달

Implement the approved Fieldnote design in the current project.
First inspect its framework, routes, components and assets.
Use the actual available design files plus this brief, not only a screenshot.
Keep the supplied copy, semantic hierarchy and #workflow destination.
Preserve backend contracts and authentication; add no signup or payment service.
Record which design elements are implemented and which remain visual placeholders.
Check desktop, 390 and 320 px layouts, the workflow link and keyboard navigation.
Return changed files and actual check results. If design import or assets are
unavailable, name that dependency rather than claiming a completed handoff.

Neruve가 Claude Design에서 테스트했나요?

아니요. 독자적인 제안 입력이며 Claude Design 출력 기록이나 Neruve 연동 기능이 아닙니다. Fieldnote는 frontend-design Skill 없이 얻은 실제 Codex 출력으로, Claude Design의 결과를 입증하지 않습니다.