사용 방법
- 설치 명령을 복사하고 자신의 에이전트 환경에 설치하기 전에 소스 패키지를 확인하세요.
- 필요한 도구, 인증 정보, 지원 환경은 원본 문서에서 확인하세요.
- 입력과 원하는 산출물을 설명하고 출처와 결과를 대조하세요.
npx skills add https://github.com/sergekostenchuk/ui-ux-agent-skill-system --skill marketing-site-skill시작 전 확인
- 설치에는 모델 구독, API 한도, 파일 접근 권한이 포함되지 않습니다.
- 별점 수와 설치 수는 활동 지표이며 독립적인 품질·보안 검증이 아닙니다.
원본 Skill 문서
원본 저장소의 제목, 예시, 코드, 표, 링크, 이미지를 유지해 표시합니다.
Marketing Site Skill
Use this specialist for public-facing pages where the first viewport, product/place/person signal, conversion path, media quality, metadata, and responsive behavior matter.
Operating Modes
build: create or refactor a marketing/public page.audit: review a page for conversion, metadata, responsive behavior, and visual clarity.metadata: inspect title, description, canonical, Open Graph, Twitter, headings, and social preview basics.verify: run local checks and distinguish evidence from manual review.
Required Workflow
- Read references/hero-first-viewport.md before designing the top of the page.
- Read references/conversion-framework.md for CTA and proof decisions.
- Read references/metadata-checklist.md when source files or HTML are available.
- Use assets/landing-brief.template.md and assets/metadata.template.json when producing durable page briefs or metadata specs.
- Apply
../../shared/privacy-policy.mdbefore using external images, AI page builders, or cloud tools. - If source files are available, run scripts/lint_metadata.py or report why it was skipped.
- If a URL is available, run scripts/responsive_smoke_test.mjs or report why it was skipped.
- Return
Ran,Skipped,Planned, andManualsections.
Design Doctrine
- The first viewport must show the product, place, offer, brand, object, or person clearly.
- Do not hide the real subject inside a decorative card or generic gradient.
- Use real or generated bitmap media when a visual signal is needed.
- Keep CTA hierarchy obvious and avoid many visually equal primary actions.
- Keep mobile text readable and avoid overlap, horizontal overflow, and viewport-scaled font tricks.
Tool Contracts
- Metadata lint:
python3 scripts/lint_metadata.py --root "$PROJECT_ROOT" --out reports/metadata.json. - Responsive smoke:
node scripts/responsive_smoke_test.mjs --url "$URL" --out reports/visual-smoke. - Optional cloud tools require explicit approval and cannot be validation evidence by themselves.
Validation
bash
python3 $CODEX_SKILLS_DIR/.system/skill-creator/scripts/quick_validate.py $CODEX_SKILLS_DIR/marketing-site-skill
python3 $CODEX_SKILLS_DIR/senior-skill-architect/scripts/lint_production_skill.py $CODEX_SKILLS_DIR/marketing-site-skillOutput Shape
text
Page type:
Primary offer or object:
First viewport:
CTA path:
Metadata:
Ran:
Skipped:
Manual findings:
Risks:
