landing-page-design
Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices
1实现原理 · 为什么它能做到
与 tools/* 系列同构的 belt 白名单执行层 + 但内容主体是『知识规则库』：skill 先以 9 张规则表（5 Elements/Headline 公式/Section Order/Social Proof 类型/Form/Mobile/Page Speed/Common Mistakes）把落地页设计方法论编译成人读规则，再附 belt 示例产出素材——是『指南 + 素材工具』混合体，而非纯工具目录。
Everything visible before scrolling must communicate value in 5 seconds.
文案层用『公式 + 正反例』约束：Headline 给 5 条转换公式（Outcome without pain / Outcome in timeframe…），并配 ❌/✅ 对照清单让模型避开空话。
❌ "Welcome to Our Platform" (says nothing about value)
CTA 心理学显式化：文案公式（Action verb + value/outcome + optional risk reducer）与视觉规则（高对比、最小 44px 高度、above-the-fold 重复出现、主/次 CTA 层级）分表给出。
**Formula:** Action verb + value/outcome + (optional: reduce risk)
外部事实获取走检索 app 而非 skill 自带逻辑：竞品/数据调研用 tavily/search-assistant 与 exa/answer 两个 belt app，把『查证』委托给平台搜索服务。
belt app run tavily/search-assistant --input '{
素材生成直接给成品级 prompt：hero 图（flux-dev-lora 1248x832、seedream-4-5 2K）、OG 分享卡（flux 1200x630 或 html-to-image 内嵌 HTML 模板）——prompt 即设计资产。
belt app run infsh/html-to-image --input '{
2核心能力
3外部依赖
| Kind | Dependency / Endpoint |
|---|---|
| cli | belt（inference.sh CLI） |
| package | belt-sh/cli（npx skills add 安装） |
| api | 素材生成与检索 app：falai/flux-dev-lora、bytedance/seedream-4-5、infsh/html-to-image、tavily/search-assistant、exa/answer |
| network | 安装说明托管 |
| package | 相关技能包 inference-sh/skills@ai-image-generation / web-search / prompt-engineering |
4管控建议与判定依据
- 网络端点: 声明外部网络访问: platform belt CLI → inference.sh 平台（图像生成 app）；tavily/exa 检索 app 会把查询外发给第三方搜
- SKILL.md: 声明调用宿主 CLI 解释器或外部运行环境
5第二遍独立确认
- [discrepancy] description 声称覆盖 F-pattern reading — grep -i 'f-pattern|reading pattern' 仅命中第 3 行 description 自身，正文全篇无 F-pattern 阅读模式相关规则——该宣称在源码内无内容支撑。
- [ok] above-the-fold / 5 元素 / section order / social proof / form / mobile / page speed 均有正文支撑 — 各主题均有独立小节与规则表（Above-the-Fold Formula、The 5 Elements、Section Order、Social Proof Types、Form Design、Mobile Optimization、Page Speed）。
- [ok] 检索与出图调用点 — tavily/search-assistant（Quick Start 竞品调研）、exa/answer（social proof 数据）、falai/flux-dev-lora（hero/OG）、bytedance/seedream-4-5（2K hero）、infsh/html-to-image（模板 OG）调用点均真实存在。
- [unlocatable] 数字断言出处（~11%/field、48x48、LCP 2.5s、60%+ mobile） — 正文以断言形式给出（'Every field reduces conversion ~11%'、'60%+ traffic is mobile'），无引用/来源链接，无法在本源码内核实其依据。
- [ok] 无脚本/无凭证/无本地写入 — 目录仅 SKILL.md；curl/wget/密钥 token 零命中；无 shell 重定向；执行面为白名单 belt。
- [ok] 知识规则与 tools/* 目录型 skill 的分工 — 本文件不含模型目录表，模型选择（flux/seedream）内嵌在示例中；与 ai-image-generation 以 Related Skills 互链，无内容重复。
- [ok] license/stars/commit 元数据 — pin == 本地 HEAD == becc25649700；skills-shell/superpowers stars=0、pushed_at 2026-09-02T14:16:56Z；MIT 声明见 plugin.json/README 徽标，树内无 LICENSE。
- [unlocatable] installs 安装量 — 无公开安装量数据源，置 null。
6结论
86b2ef761ae5147b…