Communitygithub.com

tonone-ai/tonone

用于构建登录页面结构、设计转化优化布局或规划登录页面信息架构。

tonone 是什么?

该技能专为需要快速搭建登录页面信息架构的 AI 代理(如 Claude Code、Cursor、Codex)设计。它通过识别产品类型、搜索登录页面模式及产品推理上下文,生成带有转化目标标记(如主要 CTA、次要 CTA)的结构化表格输出。技能强调“那又怎样?”验证,确保每个页面部分都有明确的转化目的,并避免常见反模式(如主 CTA 首屏不可见)。输出格式为 40 行以内的终端表格,超出预算时可自动触发 HTML 报告生成,适合需要高效、转化导向的页面布局设计的场景。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/tonone-ai/tonone/tree/HEAD/skills/draft-landing

在你喜欢的 AI 中提问

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

文档

草稿登录页 — 登录页面信息架构

遵循 docs/output-kit.md 中定义的输出格式 — 最多 40 行 CLI、盒状骨架、统一的严重性指示器、压缩文本。

使用时机

用户需要登录页面结构、区块顺序或转化优化布局。产品类型已知或可发现。

工作流

  1. 识别产品类型:从用户请求或项目上下文中识别
  2. 搜索登录页面模式:
    python3 -m draft_agent.uiux search --domain landing --query "{product_type}" --limit 3
    
  3. 搜索产品推理(受众 + 转化上下文):
    python3 -m draft_agent.uiux search --domain product --query "{product_type}" --limit 3
    
  4. 验证每个部分:通过“那又怎样?”测试 — 每个部分必须证明其存在的价值
  5. 输出:带有 CTA 放置标记的区块顺序

输出格式

┌─ 登录页面 IA — {product_type} ──────────────────────────────────────┐
│ #  │ 区块              │ 目的                       │ CTA?         │
├────┼────────────────────┼────────────────────────────┼───────────────┤
│  1 │ {section_name}     │ {purpose}                  │ 主 CTA       │
│  2 │ {section_name}     │ {purpose}                  │ —            │
│  3 │ {section_name}     │ {purpose}                  │ 次 CTA      │
│  … │ …                  │ …                          │ …            │
└────┴────────────────────┴────────────────────────────┴───────────────┘

转化策略:{strategy}
CTA 文案指引:{cta_guidance}

反模式

  • 切勿跳过每个部分的“那又怎样?”测试 — 如果某个部分无法回答,则删除
  • 切勿添加没有明确转化目的的区块
  • 切勿在主屏幕首屏以下放置主 CTA
  • 切勿在不了解主要受众及其待完成任务的情况下构建页面结构

交付物

如果输出超出 40 行 CLI 预算,请调用 /atlas-report 并提供完整发现。HTML 报告是输出物,CLI 是收据 — 盒状头部、一行结论、前三项发现及报告路径。切勿将分析结果直接转储到 CLI。

Individual skills in this repo

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

相关技能