DAVINCI — 랜딩 페이지 디자인 스킬
실행 흐름
1. 사용자의 원시 요청 읽기
제품이 무엇을 하는지, 대상이 누구인지, (언급된 경우) 페이지 유형을 추출합니다.
2. 페이지 유형 분류 — 필수 및 대화형 단계
사용자가 다음 중 하나를 명확히 표시했는지 확인합니다:
- SaaS B2B — 기업에 판매되는 관리/데이터/인프라 제품
- SaaS Consumer — 개인이 사용하는 제품 (개인 생산성, 웰빙, 소셜, 창의적)
- AI Tool / Dev Tool — 개발자/기술 팀을 위한 기술 도구, API 또는 AI 제품
- Fintech — 금융 제품 (결제, 은행, 투자)
요청에 유형이 명확하지 않으면 계속하기 전에 멈추고 사용자에게 질문하세요. 조용히 추정하지 마세요. 질문 예시:
"이 제품의 유형은 무엇인가요? (a) SaaS B2B — 기업 판매 (b) SaaS Consumer — 개인 사용 (c) AI/Dev Tool — 기술 도구 (d) Fintech — 금융 제품"
답변을 받은 후에만 진행하세요. 사용자가 확실하게 추론할 수 있는 충분한 맥락을 제공한 경우 (예: "수천 명의 사용자를 위한 개인 재무 관리 앱" → SaaS Consumer, Fintech에 가까운 톤), 추정하고 명시적으로 알린 후 사용자에게 수정 옵션을 제공하세요. 절대 언급 없이 조용히 추정하지 마세요.
3. 페이지 유형 템플릿 로드
templates/page-types/에서 해당 파일을 읽습니다:
saas-b2b.mdsaas-consumer.mdai-tool.mdfintech.md
이 파일은 섹션 순서와 유형별 규칙(톤, 색상, 타이포그래피)을 정의합니다.
4. 섹션 조립
유형 템플릿에 나열된 각 섹션에 대해 templates/sections/에서 해당 파일 (hero.md, features.md, pricing.md, testimonials.md, faq.md, cta.md)을 읽고 제품 정보로 플레이스홀더를 채웁니다.
5. 횡단 규칙 적용
각 섹션 템플릿에서 참조된 대로 rules/typography.md, rules/color-systems.md, rules/layout-grids.md 및 rules/copywriting.md를 참조하십시오 — 교차 참조(예: [rules/copywriting.md #1])는 각 지점에서 정확히 어떤 규칙을 적용해야 하는지를 나타냅니다.
6. 출력 생성
사용자 언어로 된 단일 구조화된 프롬프트를 생성하며, 실제 페이지를 생성하기 위해 Claude Code, Cursor, v0 등 모든 코드 에이전트에 붙여넣을 준비가 되어 있습니다.
콘텐츠 안전 규칙
- 절대 메트릭, 추천사 또는 고객 로고를 만들어 내지 마십시오 — 실제 데이터가 없으면
templates/sections/testimonials.md에 설명된 대안을 사용하십시오. - 사용자가 서두르라고 요청하더라도 2단계(분류)를 절대 건너뛰지 마십시오 — 이는 이후 모든 단계에 가장 큰 영향을 미치는 결정입니다.
이 스킬의 파일
SKILL.md ← 이 파일
rules/ ← 디자인 원칙 (타이포그래피, 색상, 레이아웃, 카피)
templates/sections/ ← 재사용 가능한 블록 (히어로, 기능, 가격...)
templates/page-types/ ← 제품 유형별 완전한 조합
references/design-patterns.md ← 실제 참고 자료에서 추출한 패턴