用途:为应用构建高转化落地页,采用基于 8000+ 页面与 4000+ 品牌总结的 12 段式转化框架,强调结构而非猜测或趋势。
主要能力:按心理流程组织页面——顶部建立信任(Hero、Proof bar、Transformation),中部建立信念(Benefits、Features、Social proof、UGC),底部促成决策(Comparison、FAQ、Final CTA)。12 个段落分别标记为必需、推荐或可选,必需段包括 Hero+Proof bar、Transformation、Benefits、Mid-page CTA、Social proof、FAQ、Final CTA。
使用方式:先做发现(阅读 CLAUDE.md、README、营销文案等,并向用户确认目标、受众、成果、社会证明、对比点与主 CTA),再输出页面蓝图供确认,然后逐段撰写内容,最后实现。组件优先级为 ibl.ai 组件(@iblai/iblai-js)、shadcn/ui、shadcn-space 区块、自定义组件。安装命令如 npx shadcn@latest add button card accordion table badge separator,以及 npx shadcn@latest add @shadcn-space/hero-1 等。页面建议放在 app/(landing)/page.tsx,组件放在 components/landing/。完成后必须运行 /iblai-ops-test,并用 pnpm dev 启动开发服务器在 http://localhost:3000 查看。默认包管理器为 pnpm,未安装时回退 npm。
适用场景:需要为应用快速搭建结构清晰、以转化为目标的营销落地页。
限制:需遵循 BRAND.md 的颜色、字体、间距与 Apple 风格设计语言;不得在存在 ibl.ai、shadcn 或 shadcn-space 等价组件时编写自定义组件;内容需具体可信,缺失内容应标记 TODO 并使用真实感占位而非 lorem ipsum;动画需克制,目标 Lighthouse 性能分 > 90。具体收费、价格与平台支持暂未提供。