도움말/자산 사용법
프롬프트 빌더 활용
선택만 하면 AI에 붙여넣을 디자인 프롬프트가 완성됩니다. AI 백엔드 없이 브라우저에서 조합됩니다.
디자인프롬프트 메뉴의 빌더는 업종·스타일·컬러 같은 선택지를 조합해, Claude·Codex·Gemini에 그대로 붙여넣을 수 있는 완성형 디자인 프롬프트를 만들어 줍니다. 서버로 아무것도 전송하지 않습니다.
무엇을 선택하나
- 브랜드 / 한 줄 설명 — 결과물에 들어갈 이름과 소개
- 업종 — SaaS/테크, 복지/공공, 이커머스 등 9종
- 디자인 스타일 — 모던, 미니멀, 웜/친근, 다크 등
- 컬러 테마 — 진한 톤과 연한 톤 한 쌍으로 지정 (CTA / 배경 역할 분리)
- 타이포그래피 — 서체 계열과 제목 크기 범위
- 레이아웃·섹션 구조 — 원페이지 스크롤 등 + 섹션 순서
사용 순서
- 1
항목 선택
칩을 눌러 조합합니다. 우측 시각 프리뷰가 실시간으로 톤을 보여줍니다.
- 2
프롬프트 확인
우측 하단의 프롬프트 미리보기에서 문장을 확인합니다. 선택을 바꾸면 즉시 갱신됩니다.
- 3
복사해서 붙여넣기
「프롬프트 복사」를 누르고 사용 중인 AI 대화창에 붙여넣습니다.
- 4
검수 스킬로 마무리
생성이 끝나면 시각 검수 스킬을 주입해 뷰포트·대비·겹침을 점검시킵니다.
생성 프롬프트에는 「순수 Tailwind CDN, 커스텀 CSS·JS 금지」 제약이 포함되어 있습니다. 결과물이 이 사이트의 템플릿과 같은 규격으로 나오므로, 그대로 검수·재사용 루프에 태울 수 있습니다.