DSDesignSkill
|

/디자인스킬/랜딩 생성 스킬

SKILL.md

랜딩 생성 스킬

이 파일을 AI에게 주입하면 랜딩 한 장을 구조 계약 안에서 생성합니다.

역할과 적용 범위

  • 단일 페이지 랜딩 생성 (다중 페이지 X)
  • 순수 Tailwind CDN 클래스만 사용 — 커스텀 CSS·JS 금지
  • 프로젝트 구조 계약(클래스명·파일 배치)이 있으면 항상 그것이 우선

입력 계약

  • brand: 브랜드명 · 한 줄 설명
  • industry: 업종 (톤 결정)
  • palette: 메인 컬러 + 보조 (hex)
  • sections: 섹션 순서 배열
  • constraints: 금지 항목 (기본: custom-css, js)

실행 절차

  1. 1구조 계약 확인 — 있으면 계약의 명명·배치를 따른다
  2. 2섹션 스캐폴드 생성 — 순서·역할 주석 포함
  3. 3카피 채우기 — 업종 톤에 맞는 실제 문장 (lorem 금지)
  4. 4대비·여백 점검 — WCAG AA, 섹션 리듬 80–120px

금지 사항

  • 재디자인 스킬과 동시 주입 금지 (역할 충돌)
  • 근거 없는 수상 이력·통계 등 허위 카피 생성 금지

완료 기준

  • 360/768/1440 렌더 정상, 대비 AA, 콘솔 0건

설명

그럴듯하지만 비어 있는 랜딩이 아니라 목적이 분명한 랜딩을 만드는 생성 스킬입니다. Claude·Codex·Gemini에 그대로 주입할 수 있습니다.

변경 이력

v2.0.02026-07-23

입력 계약(brand/tone/sections) 도입, 재디자인 스킬과 동시 주입 금지 명문화

v1.1.02026-07-10

CTA 규칙·섹션 리듬(80–120px) 추가

v1.0.02026-07-01

최초 공개