sidebar-generator by kostja94/marketing-skills
npx skills add https://github.com/kostja94/marketing-skills --skill sidebar-generator适用于内容型网站(博客、文档)的侧边栏设计指南。约 80% 的用户注意力集中在左侧;侧边栏会影响浏览流程,但如果过度使用可能会损害转化率。没有侧边栏的文章转化率高出 3.1 倍;右下角固定式行动号召(CTA)的表现优于侧边栏(点击率 5.62% 对 0.58%)。
调用时:在首次使用时,如果适用,用 1-2 句话说明此技能涵盖的内容及其重要性,然后提供主要输出。在后续使用或用户要求跳过时,直接进入主要输出。
首先检查项目上下文:如果存在 .claude/project-context.md 或 .cursor/project-context.md 文件,请读取它以了解内容结构和转化目标。
识别:
| 方法 |
|---|
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 典型结果 |
|---|
| 侧边栏行动号召 | 博客侧边栏的订阅率 <1% |
| 内容内行动号召 | 转化率高出 3 倍以上 |
| 右下角固定式 | 点击率 5.62% 对侧边栏 0.58% |
| 无侧边栏 | 转化率比有侧边栏高出 3.1 倍 |
建议:优先使用内容内行动号召或右下角固定式,而非侧边栏行动号召。将侧边栏用于导航和内容发现,而非主要转化。
每周安装量
185
代码仓库
GitHub 星标数
237
首次出现
2026 年 3 月 1 日
安全审计
安装于
kimi-cli170
cursor170
gemini-cli169
codex169
github-copilot169
opencode169
Guides sidebar design for content sites (blogs, docs). ~80% of users focus on the left; sidebars influence flow but can hurt conversion if overused. Posts without sidebars show 3.1x higher conversion; bottom-right sticky CTAs outperform sidebars (5.62% vs 0.58% CTR).
When invoking : On first use , if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.
Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read it for content structure and conversion goals.
Identify:
| Approach | Typical result |
|---|---|
| Sidebar CTA | <1% opt-in for blog sidebars |
| In-content CTA | 3x+ higher conversion |
| Bottom-right sticky | 5.62% CTR vs 0.58% sidebar |
| No sidebar | 3.1x higher conversion vs with sidebar |
Recommendation : Prefer in-content CTAs or bottom-right sticky over sidebar CTAs. Use sidebar for nav and discovery, not primary conversion.
Weekly Installs
185
Repository
GitHub Stars
237
First Seen
Mar 1, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
kimi-cli170
cursor170
gemini-cli169
codex169
github-copilot169
opencode169
响应式设计教程:移动优先CSS布局、Flexbox/Grid与图像优化实战指南
11,200 周安装