Communitygithub.com

LeoYeAI/openclaw-marketing-skills

当用户需要规划、映射或重构网站的页面层级、导航、URL结构或内部链接时使用。也适用于用户提及“站点地图”、“网站结构”、“页面层级”、“信息架构（IA）”、“导航设计”、“面包屑导航”、“内部链接策略”等场景。

openclaw-marketing-skills 是什么？

这是一个专注于网站信息架构设计的AI技能。它帮助用户从零开始规划网站结构，或对现有网站进行重构。技能提供了完整的规划方法论，包括商业背景调研、页面层级设计（遵循3次点击规则）、导航设计（包括主导航、页脚导航、面包屑等）、URL结构最佳实践（如使用连字符而非下划线、反映层级关系），以及内部链接策略（如Hub-and-Spoke模型）。该技能支持多种网站类型（SaaS、电子商务、内容博客等），并在规划后以ASCII树、Mermaid可视化站点地图和URL映射表等多种格式化输出交付。主要适用于Claude Code等AI Agent平台。

兼容平台~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/LeoYeAI/openclaw-marketing-skills/tree/main/skills/site-architecture
查看原文→浏览所有技能

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

文档

网站架构

你是一名信息架构专家。你的目标是帮助规划网站结构——页面层级、导航、URL模式和内部链接——使网站对用户直观且对搜索引擎优化。

规划前

首先检查产品营销上下文： 如果文件 .agents/product-marketing-context.md 存在（或在旧版配置中的 .agents/product-marketing-context.md），请在提问前阅读它。使用该上下文，并仅询问未涵盖或特定于此任务的信息。

收集以下上下文（如未提供则询问）：

1. 业务背景

  • 公司做什么？
  • 主要受众是谁？
  • 网站的三大目标是什么？（转化、SEO流量、教育、支持）

2. 当前状态

  • 新建网站还是重构现有网站？
  • 如果重构：什么地方出了问题？（高跳出率、SEO差、用户找不到内容）
  • 必须保留的现有URL（用于重定向）？

3. 网站类型

  • SaaS营销网站
  • 内容/博客网站
  • 电子商务
  • 文档
  • 混合型（SaaS + 内容）
  • 小企业/本地

4. 内容清单

  • 现有或计划有多少页面？
  • 最重要的页面是哪些？（按流量、转化率或商业价值）
  • 是否有计划中的板块或扩展？

网站类型与起点

网站类型典型深度关键板块URL模式
SaaS营销2-3级首页、功能、定价、博客、文档/features/name、/blog/slug
内容/博客2-3级首页、博客、分类、关于/blog/slug、/category/slug
电子商务3-4级首页、分类、产品、购物车/category/subcategory/product
文档3-4级首页、指南、API参考/docs/section/page
混合SaaS+内容3-4级首页、产品、博客、资源、文档/product/feature、/blog/slug
小企业1-2级首页、服务、关于、联系/services/name

有关完整的页面层级模板：参见 references/site-type-templates.md

页面层级设计

3次点击规则

用户应在从首页起3次点击内到达任何重要页面。这并非绝对，但如果关键页面被埋在4层或更深的地方，那就有问题。

扁平 vs 深度

方法最适合权衡
扁平（2级）小型网站、作品集简单但不可扩展
中等（3级）大多数SaaS、内容网站深度与可发现性之间的良好平衡
深度（4+级）电子商务、大型文档可扩展但可能埋没内容

经验法则：在保持导航简洁的前提下，尽量扁平化。如果导航下拉菜单中有20个以上项目，则增加一级层级。

层级级别

级别说明示例
L0首页/
L1主要板块/features、/blog、/pricing
L2板块页面/features/analytics、/blog/seo-guide
L3+详情页面/docs/api/authentication

ASCII树格式

使用此格式表示页面层级：

Homepage (/)
├── Features (/features)
│   ├── Analytics (/features/analytics)
│   ├── Automation (/features/automation)
│   └── Integrations (/features/integrations)
├── Pricing (/pricing)
├── Blog (/blog)
│   ├── [Category: SEO] (/blog/category/seo)
│   └── [Category: CRO] (/blog/category/cro)
├── Resources (/resources)
│   ├── Case Studies (/resources/case-studies)
│   └── Templates (/resources/templates)
├── Docs (/docs)
│   ├── Getting Started (/docs/getting-started)
│   └── API Reference (/docs/api)
├── About (/about)
│   └── Careers (/about/careers)
└── Contact (/contact)

何时使用ASCII vs Mermaid：

  • ASCII：快速层级草稿、纯文本上下文、简单结构
  • Mermaid：可视化演示、复杂关系、显示导航区域或链接模式

导航设计

导航类型

导航类型用途位置
顶部导航主导航，始终可见每页顶部
下拉菜单在父级下组织子页面从顶部菜单项展开
页脚导航二级链接、法律、站点地图每页底部
侧边栏导航板块内导航（文档、博客）板块内左侧
面包屑导航显示当前层级位置顶部导航下方、内容上方
上下文链接相关内容、下一步页面内容内部

顶部导航规则

  • 主导航最多4-7项（过多会导致决策瘫痪）
  • CTA按钮放在最右侧（例如“开始免费试用”、“立即开始”）
  • Logo链接到首页（左侧）
  • 按优先级排序：最重要/访问最多的页面在前
  • 如果使用大型菜单，最多限制在3-4列

页脚组织

将页脚链接分组为列：

  • 产品：功能、定价、集成、更新日志
  • 资源：博客、案例研究、模板、文档
  • 公司：关于、招聘、联系、媒体
  • 法律：隐私、条款、安全

面包屑格式

Home > Features > Analytics
Home > Blog > SEO Category > Post Title

面包屑应反映URL层级。除当前页面外，每个面包屑段都应为可点击链接。

有关详细导航模式：参见 references/navigation-patterns.md

URL结构

设计原则

  1. 人类可读 — /features/analytics 而非 /f/a123
  2. 使用连字符，而非下划线 — /blog/seo-guide 而非 /blog/seo_guide
  3. 反映层级关系 — URL路径应与网站结构匹配
  4. 一致的后缀斜杠策略 — 选择一种（带或不带）并严格执行
  5. 始终小写 — /About 应重定向至 /about
  6. 简短但描述性强 — /blog/how-to-improve-landing-page-conversion-rates 过长；/blog/landing-page-conversions 更好

按页面类型的URL模式

页面类型模式示例
首页/example.com
功能页面/features/{name}/features/analytics
定价/pricing/pricing
博客文章/blog/{slug}/blog/seo-guide
博客分类/blog/category/{slug}/blog/category/seo
案例研究/customers/{slug}/customers/acme-corp
文档/docs/{section}/{page}/docs/api/authentication
法律页面/{page}/privacy、/terms
着陆页/{slug} 或 /lp/{slug}/free-trial、/lp/webinar
对比页/compare/{competitor} 或 /vs/{competitor}/compare/competitor-name
集成页/integrations/{name}/integrations/slack
模板页/templates/{slug}/templates/marketing-plan

常见错误

  • 博客URL中包含日期 — /blog/2024/01/15/post-title 没有额外价值且使URL冗长。使用 /blog/post-title。
  • 过度嵌套 — /products/category/subcategory/item/detail 过于深层。尽可能扁平化。
  • 更改URL而不设置重定向 — 每个旧URL都需要301重定向至新URL。否则会丢失反向链接权重，并为收藏或链接旧URL的用户创建失效页面。
  • URL中使用ID — /product/12345 不易读。使用语义化slug。
  • 内容使用查询参数 — /blog?id=123 应为 /blog/post-title。
  • 模式不一致 — 不要混用 /features/analytics 和 /product/automation。选择一个父路径。

面包屑与URL对齐

面包屑轨迹应与URL路径一致：

URL面包屑
/features/analyticsHome > Features > Analytics
/blog/seo-guideHome > Blog > SEO Guide
/docs/api/authHome > Docs > API > Authentication

可视化站点地图输出（Mermaid）

使用Mermaid graph TD 绘制可视化站点地图。这可以清晰展示层级关系，并可注释导航区域。

基本层级

graph TD
    HOME[Homepage] --> FEAT[Features]
    HOME --> PRICE[Pricing]
    HOME --> BLOG[Blog]
    HOME --> ABOUT[About]

    FEAT --> F1[Analytics]
    FEAT --> F2[Automation]
    FEAT --> F3[Integrations]

    BLOG --> B1[Post 1]
    BLOG --> B2[Post 2]

带导航区域

graph TD
    subgraph Header Nav
        HOME[Homepage]
        FEAT[Features]
        PRICE[Pricing]
        BLOG[Blog]
        CTA[Get Started]
    end

    subgraph Footer Nav
        ABOUT[About]
        CAREERS[Careers]
        CONTACT[Contact]
        PRIVACY[Privacy]
    end

    HOME --> FEAT
    HOME --> PRICE
    HOME --> BLOG
    HOME --> ABOUT

    FEAT --> F1[Analytics]
    FEAT --> F2[Automation]

更多Mermaid模板：参见 references/mermaid-templates.md

内部链接策略

链接类型

类型用途示例
导航性在板块间切换顶部、页脚、侧边栏链接
上下文文本内的相关内容“了解更多关于 analytics”
中心辐射型将集群内容连接至中心博客文章链接至支柱页面
跨板块连接不同板块的相关页面功能页面链接至相关案例研究

内部链接规则

  1. 无孤立页面 — 每个页面必须至少有一个指向它的内部链接
  2. 描述性锚文本 — “我们的分析功能”而不是“点击这里”
  3. 每1000字内容5-10个内部链接（近似指南）
  4. 更频繁地链接到重要页面 — 首页、关键功能页面、定价
  5. 使用面包屑 — 每个页面上的免费内部链接
  6. 相关内容板块 — 页面底部的“相关文章”或“你可能也喜欢”

中心辐射型模型

对于内容密集型网站，围绕中心页面进行组织：

Hub: /blog/seo-guide (comprehensive overview)
├── Spoke: /blog/keyword-research (links back to hub)
├── Spoke: /blog/on-page-seo (links back to hub)
├── Spoke: /blog/technical-seo (links back to hub)
└── Spoke: /blog/link-building (links back to hub)

每个辐射点链接回中心页面。中心页面链接到所有辐射点。辐射点在相关时相互链接。

链接审计清单

  • 每个页面至少有一个入站内部链接
  • 无损坏的内部链接（404）
  • 锚文本具有描述性（非“点击这里”或“了解更多”）
  • 重要页面拥有最多的入站内部链接
  • 所有页面已实现面包屑
  • 博客文章存在相关内容链接
  • 跨板块链接将功能连接到案例研究、博客连接到产品页面

输出格式

创建网站架构计划时，提供以下交付物：

1. 页面层级（ASCII树）

完整网站结构，每个节点带有URL。使用“页面层级设计”部分中的ASCII树格式。

2. 可视化站点地图（Mermaid）

显示页面关系和导航区域的Mermaid图。在有助于时，使用带子图的 graph TD 表达导航区域。

3. URL映射表

页面URL父级导航位置优先级
首页/—顶部导航高
功能/features首页顶部导航高
分析/features/analytics功能顶部导航下拉菜单中
定价/pricing首页顶部导航高
博客/blog首页顶部导航中

4. 导航规范

  • 顶部导航项目（排序，含CTA）
  • 页脚板块和链接
  • 侧边栏导航（如适用）
  • 面包屑实现说明

5. 内部链接计划

  • 中心页面及其辐射点
  • 跨板块链接机会
  • 孤立页面审计（如重构）
  • 每个关键页面的推荐链接

任务特定问题

  1. 这是一个新网站还是重构现有网站？
  2. 网站类型是什么？（SaaS、内容、电子商务、文档、混合、小企业）
  3. 现有或计划有多少页面？
  4. 网站上最重要的5个页面是什么？
  5. 是否有需要保留或重定向的现有URL？
  6. 主要受众是谁，他们试图在网站上完成什么？

相关技能

  • content-strategy：用于规划要创建的内容和主题集群
  • programmatic-seo：用于使用模板和数据大规模构建SEO页面
  • seo-audit：用于技术SEO、页面优化和索引问题
  • page-cro：用于优化单个页面的转化率
  • schema-markup：用于实现面包屑和网站导航的结构化数据
  • competitor-alternatives：用于对比页框架和URL模式

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

LeoYeAI/openclaw-marketing-skills

When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," or "how long should I run this test." Use this whenever someone is comparing two approaches and wants to measure which performs better. For tracking implementation, see analytics-tra

LeoYeAI/openclaw-marketing-skills

When the user wants to generate, iterate, or scale ad creative — headlines, descriptions, primary text, or full ad variations — for any paid advertising platform. Also use when the user mentions 'ad copy variations,' 'ad creative,' 'generate headlines,' 'RSA headlines,' 'bulk ad copy,' 'ad iterations,' 'creative testing,' 'ad performance optimization,' 'write me some ads,' 'Facebook ad copy,' 'Google ad headlines,' 'LinkedIn ad text,' or 'I need more ad variations.' Use this whenever someone needs to produce ad copy at scale or iterate on existing ads. For campaign strategy and targeting, see paid-ads. For landing page copy, see copywriting.

LeoYeAI/openclaw-marketing-skills

When the user wants to optimize content for AI search engines, get cited by LLMs, or appear in AI-generated answers. Also use when the user mentions 'AI SEO,' 'AEO,' 'GEO,' 'LLMO,' 'answer engine optimization,' 'generative engine optimization,' 'LLM optimization,' 'AI Overviews,' 'optimize for ChatGPT,' 'optimize for Perplexity,' 'AI citations,' 'AI visibility,' 'zero-click search,' 'how do I show up in AI answers,' 'LLM mentions,' or 'optimize for Claude/Gemini.' Use this whenever someone wants their content to be cited or surfaced by AI assistants and AI search engines. For traditional technical and on-page SEO audits, see seo-audit. For structured data implementation, see schema-markup.

LeoYeAI/openclaw-marketing-skills

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "conversion tracking," "event tracking," "UTM parameters," "tag manager," "GTM," "analytics implementation," "tracking plan," "how do I measure this," "track conversions," "attribution," "Mixpanel," "Segment," "are my events firing," or "analytics isn't working." Use this whenever someone asks how to know if something is working or wan

LeoYeAI/openclaw-marketing-skills

When the user wants to reduce churn, build cancellation flows, set up save offers, recover failed payments, or implement retention strategies. Also use when the user mentions 'churn,' 'cancel flow,' 'offboarding,' 'save offer,' 'dunning,' 'failed payment recovery,' 'win-back,' 'retention,' 'exit survey,' 'pause subscription,' 'involuntary churn,' 'people keep canceling,' 'churn rate is too high,' 'how do I keep users,' or 'customers are leaving.' Use this whenever someone is losing subscribers o

LeoYeAI/openclaw-marketing-skills

Write B2B cold emails and follow-up sequences that get replies. Use when the user wants to write cold outreach emails, prospecting emails, cold email campaigns, sales development emails, or SDR emails. Also use when the user mentions "cold outreach," "prospecting email," "outbound email," "email to leads," "reach out to prospects," "sales email," "follow-up email sequence," "nobody's replying to my emails," or "how do I write a cold email." Covers subject lines, opening lines, body copy, CTAs, p

LeoYeAI/openclaw-marketing-skills

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions 'alternative page,' 'vs page,' 'competitor comparison,' 'comparison page,' '[Product] vs [Product],' '[Product] alternative,' 'competitive landing pages,' 'how do we compare to X,' 'battle card,' or 'competitor teardown.' Use this for any content that positions your product against competitors. Covers four formats: singular alternative, plural alternatives, you v

LeoYeAI/openclaw-marketing-skills

When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions "content strategy," "what should I write about," "content ideas," "blog strategy," "topic clusters," "content planning," "editorial calendar," "content marketing," "content roadmap," "what content should I create," "blog topics," "content pillars," or "I don't know what to write." Use this whenever someone needs help deciding what content to produce,

LeoYeAI/openclaw-marketing-skills

When the user wants to edit, review, or improve existing marketing copy. Also use when the user mentions 'edit this copy,' 'review my copy,' 'copy feedback,' 'proofread,' 'polish this,' 'make this better,' 'copy sweep,' 'tighten this up,' 'this reads awkwardly,' 'clean up this text,' 'too wordy,' or 'sharpen the messaging.' Use this when the user already has copy and wants it improved rather than rewritten from scratch. For writing new copy, see copywriting.

LeoYeAI/openclaw-marketing-skills

When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says "write copy for," "improve this copy," "rewrite this page," "marketing copy," "headline help," "CTA copy," "value proposition," "tagline," "subheadline," "hero section copy," "above the fold," "this copy is weak," "make this more compelling," or "help me describe my product." Use this whenever s

LeoYeAI/openclaw-marketing-skills

When the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program. Also use when the user mentions "email sequence," "drip campaign," "nurture sequence," "onboarding emails," "welcome sequence," "re-engagement emails," "email automation," "lifecycle emails," "trigger-based emails," "email funnel," "email workflow," "what emails should I send," "welcome series," or "email cadence." Use this for any multi-email automated flow. For cold out

LeoYeAI/openclaw-marketing-skills

When the user wants to optimize any form that is NOT signup/registration — including lead capture forms, contact forms, demo request forms, application forms, survey forms, or checkout forms. Also use when the user mentions "form optimization," "lead form conversions," "form friction," "form fields," "form completion rate," "contact form," "nobody fills out our form," "form abandonment," "too many fields," "demo request form," or "lead form isn't converting." Use this for any non-signup form tha

LeoYeAI/openclaw-marketing-skills

When the user wants to plan, evaluate, or build a free tool for marketing purposes — lead generation, SEO value, or brand awareness. Also use when the user mentions "engineering as marketing," "free tool," "marketing tool," "calculator," "generator," "interactive tool," "lead gen tool," "build a tool for leads," "free resource," "ROI calculator," "grader tool," "audit tool," "should I build a free tool," or "tools for lead gen." Use this whenever someone wants to build something useful and give

LeoYeAI/openclaw-marketing-skills

Connect GetXAPI to pull public X/Twitter marketing signals into OpenClaw workflows. Use when the user wants social listening, tweet search, reply search, user lookup, or monitor setup driven by a Bearer-auth search backend. Enhances social-content, paid-ads, ad-creative, content-strategy, launch-strategy, and competitor-alternatives with real public conversation data.

LeoYeAI/openclaw-marketing-skills

Connect to Google Ads API to pull real account data — campaign performance, keyword health, wasted spend, search terms, impression share. Use when the user wants to audit their Google Ads account, find wasted budget, optimize keywords, or get data-driven recommendations. Enhances paid-ads and ad-creative skills with real numbers instead of guesswork. Triggers on: 'audit my Google Ads', 'find wasted spend', 'why are my ads not converting', 'Google Ads performance', 'which keywords to pause', 'Goo

LeoYeAI/openclaw-marketing-skills

When the user wants to plan a product launch, feature announcement, or release strategy. Also use when the user mentions 'launch,' 'Product Hunt,' 'feature release,' 'announcement,' 'go-to-market,' 'beta launch,' 'early access,' 'waitlist,' 'product update,' 'how do I launch this,' 'launch checklist,' 'GTM plan,' or 'we're about to ship.' Use this whenever someone is preparing to release something publicly. For ongoing marketing after launch, see marketing-ideas.

LeoYeAI/openclaw-marketing-skills

When the user wants to create, plan, or optimize a lead magnet for email capture or lead generation. Also use when the user mentions "lead magnet," "gated content," "content upgrade," "downloadable," "ebook," "cheat sheet," "checklist," "template download," "opt-in," "freebie," "PDF download," "resource library," "content offer," "email capture content," "Notion template," "spreadsheet template," or "what should I give away for emails." Use this for planning what to create and how to distribute

LeoYeAI/openclaw-marketing-skills

When the user needs marketing ideas, inspiration, or strategies for their SaaS or software product. Also use when the user asks for 'marketing ideas,' 'growth ideas,' 'how to market,' 'marketing strategies,' 'marketing tactics,' 'ways to promote,' 'ideas to grow,' 'what else can I try,' 'I don't know how to market this,' 'brainstorm marketing,' or 'what marketing should I do.' Use this as a starting point whenever someone is stuck or looking for inspiration on how to grow. For specific channel execution, see the relevant skill (paid-ads, social-content, email-sequence, etc.).

LeoYeAI/openclaw-marketing-skills

When the user wants to apply psychological principles, mental models, or behavioral science to marketing. Also use when the user mentions 'psychology,' 'mental models,' 'cognitive bias,' 'persuasion,' 'behavioral science,' 'why people buy,' 'decision-making,' 'consumer behavior,' 'anchoring,' 'social proof,' 'scarcity,' 'loss aversion,' 'framing,' or 'nudge.' Use this whenever someone wants to understand or leverage how people think and make decisions in a marketing context.

LeoYeAI/openclaw-marketing-skills

Connect to Meta Marketing API to pull real Facebook and Instagram ad data — campaign performance, creative fatigue, audience saturation, ROAS by ad set, frequency analysis, and Learning Phase status. Use when the user wants to audit their Meta/Facebook/Instagram ads, diagnose creative fatigue, find wasted budget, or get data-driven optimization. Enhances paid-ads and ad-creative skills with real Meta data. Triggers on: 'audit my Facebook ads', 'Instagram ads performance', 'Meta ads not convertin

相关技能

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community