Marketing Site Skill 是一个专门用于公开营销页面与产品页面的技能,适用于首屏、产品/地点/人物信号、转化路径、媒体质量、元数据和响应式行为都至关重要的场景。
用途 该技能面向面向公众的页面,帮助完成营销网站和公开产品页面的构建、重构、审计与验证。当用户需要落地页、产品页、品牌页等相关工作时可使用此技能。
操作模式
- build:创建或重构营销/公开页面。
- audit:审查页面的转化、元数据、响应式行为和视觉清晰度。
- metadata:检查标题、描述、canonical、Open Graph、Twitter、标题层级和社交预览基础项。
- verify:运行本地检查,并区分证据与人工审查结果。
必需工作流
- 设计页面顶部前,先阅读 references/hero-first-viewport.md。
- 做 CTA 和证明决策时,阅读 references/conversion-framework.md。
- 当有源文件或 HTML 时,阅读 references/metadata-checklist.md。
- 产出持久页面简报或元数据规格时,使用 assets/landing-brief.template.md 和 assets/metadata.template.json。
- 使用外部图片、AI 页面构建器或云工具前,应用 ../../shared/privacy-policy.md。
- 如果有源文件,运行 scripts/lint_metadata.py,或说明为何跳过。
- 如果有 URL,运行 scripts/responsive_smoke_test.mjs,或说明为何跳过。
- 返回 Ran、Skipped、Planned 和 Manual 部分。
设计原则
- 首屏必须清晰展示产品、地点、报价、品牌、物体或人物。
- 不要把真实主体隐藏在装饰性卡片或通用渐变中。
- 需要视觉信号时,使用真实或生成的位图媒体。
- 保持 CTA 层级明显,避免多个视觉上同等重要的主操作。
- 保持移动端文字可读,避免重叠、水平溢出和视口缩放字体技巧。
工具契约
- 元数据 lint:python3 scripts/lint_metadata.py --root "$PROJECT_ROOT" --out reports/metadata.json。
- 响应式冒烟测试:node scripts/responsive_smoke_test.mjs --url "$URL" --out reports/visual-smoke。
- 可选云工具需要明确批准,且本身不能作为验证证据。
验证
- 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-skill
输出结构
- Page type:
- Primary offer or object:
- First viewport:
- CTA path:
- Metadata:
- Ran:
- Skipped:
- Manual findings:
- Risks:
适用场景 适用于营销网站、落地页、产品页、品牌页等公开页面的构建、重构、审计和验证,尤其关注首屏呈现、转化路径、元数据完整性和响应式表现。
限制 该技能依赖指定的参考文档、模板和脚本;使用外部图片、AI 页面构建器或云工具前需遵循隐私政策;可选云工具需明确批准且不能单独作为验证证据。关于收费、价格、平台支持范围等信息暂未提供。