mcpField
M
marketing-site-skill

marketing-site-skill

github.com/sergekostenchuk设计与 UI3253 次安装18 周前更新
代码仓库

关于 marketing-site-skill

面向公开营销页面的专用 Skill，可用于构建、审查和验证页面。它结合首屏与转化指导、元数据和响应式检查，并区分已运行、跳过、计划及人工审查的结果。

主要功能

  1. 01构建或重构营销页面
  2. 02审查转化路径与视觉清晰度
  3. 03检查页面元数据
  4. 04运行元数据和响应式检查
  5. 05区分运行结果与人工发现

适用场景

  1. 01创建公开的产品落地页
  2. 02检查页面 CTA 与布局
  3. 03核对 HTML 元数据和社交预览
  4. 04测试页面的响应式表现

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/sergekostenchuk/ui-ux-agent-skill-system --skill marketing-site-skill

安装后在 Claude Code 中输入/marketing-site-skill确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

agents/
openai.yaml
assets/
animation-presets.md
landing-brief.template.md
metadata.template.json
evals/
evals.json
references/
conversion-framework.md
hero-first-viewport.md
metadata-checklist.md
performance-budget.md
responsive-storytelling.md
scripts/
lint_metadata.py
responsive_smoke_test.mjs

详细介绍

营销网站技能

在首屏视口、产品／地点／人物信息、转化路径、媒体质量、元数据和响应式行为都很重要时，使用此专业工具处理面向公众的页面。

操作模式

  • build：创建或重构营销／公开页面。
  • audit：审核页面的转化效果、元数据、响应式行为和视觉清晰度。
  • metadata：检查标题、描述、规范链接、Open Graph、Twitter、标题层级和社交预览基础信息。
  • verify：运行本地检查，并区分实证结果与人工审核。

必需工作流

  1. 设计页面顶部之前，先阅读 references/hero-first-viewport.md。
  2. 阅读 references/conversion-framework.md，以决定 CTA 和信任证明。
  3. 有源文件或 HTML 时，阅读 references/metadata-checklist.md。
  4. 编写可长期使用的页面简报或元数据规范时，使用 assets/landing-brief.template.md 和 assets/metadata.template.json。
  5. 使用外部图片、AI 页面构建器或云工具之前，先遵循 ../../shared/privacy-policy.md。
  6. 有源文件时，运行 scripts/lint_metadata.py，或说明跳过的原因。
  7. 有 URL 时，运行 scripts/responsive_smoke_test.mjs，或说明跳过的原因。
  8. 返回 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:

评论

支持 Markdown