SuperAPI AI 工具集

redesign-my-landingpage

设计与创作

查看项目

更新于 10-15 22:38

技能介绍

用途:帮助构建、评审并迭代高转化的营销或产品落地页,也可对已有页面做审计并给出具体修复与 A/B 测试建议。

主要能力:围绕单一主转化动作组织页面;提供首屏清单(标题、副标题、视觉、社会证明、CTA)与首屏以下的说服顺序(功能、社会证明、FAQ、重复 CTA);给出区块结构(导航、Hero、社会证明、CTA 区块、功能、重复 CTA、页脚);提供新建页面与页面审计两种输出模式,审计按首屏、首屏以下、CTA、证明、文案、设计/UX、性能分组,并给出 5 至 10 条按影响与成本排序的建议及 3 个 A/B 测试假设。

默认技术栈与规则:React + Vite + TypeScript、Tailwind CSS(偏好 v4)、shadcn/ui(经 CLI 添加后定制)、Iconify 图标(不使用 lucide-react)。首屏最多一个主 CTA 加一个次 CTA;每页只用一到两个图标家族;用 shadcn 组件保证可访问性与一致性,但不让其决定通用布局。

使用方式:先确定唯一主转化动作,按页面结构起草,先打磨首屏,再用首屏以下内容消除疑虑,最后用 shadcn + Tailwind 实现。图标安装命令为 npm i @iconify/react,使用 import { Icon } from '@iconify/react'。项目搭建命令见 references/shadcn-vite-setup.md。

适用场景:新建落地页、审计现有落地页、生成 Hero 文案变体与 CTA 微文案、规划社会证明与 A/B 测试。

限制:资料未提供具体收费、价格、平台支持范围或效果数据;图标默认按需加载,仅在用户要求零网络依赖时才用离线方案;未明确要求时不要添加 lucide-react。