Skip to content

Latest commit

 

History

History
46 lines (35 loc) · 1.92 KB

File metadata and controls

46 lines (35 loc) · 1.92 KB

Mobile Agent 产品宣传网页 — 执行计划

文档分析

这是一份完整的产品PRD文档,描述了 Mobile Agent —— 一款面向移动端的轻量化 AI 编程助手。核心卖点:

  • 极致轻量化:适配手机/平板全终端,低配置设备也能流畅运行
  • 云端大模型API接入:不占用本地资源,普通设备也能享受AI编程
  • 全流程开发覆盖:从灵感捕捉、代码编辑、项目管理到GitHub协作一站式闭环
  • 专属记忆成长:云端存储,适配用户习惯
  • GitHub深度适配:移动端专属协作模块

目标受众:移动端开发爱好者、编程初学者、独立开发者/学生、职场开发者

执行方案

采用 vibecoding-webapp-swarm 技能构建一个专业的产品宣传 Landing Page 网站。

Stage 1 — 设计与规划

  • 读取 vibecoding-webapp-swarm SKILL.md
  • 设计网站整体风格:科技感 + 轻量化 + 移动端友好,采用深色主题搭配亮色点缀
  • 规划页面结构与内容分布
  • 编写 Design PRD (design.md)

Stage 2 — 技术准备

  • 初始化 React + TypeScript + Tailwind CSS + shadcn/ui 项目
  • 安装必要依赖(framer-motion、GSAP 等动画库)
  • 准备图片素材(AI生成产品展示图、功能图标等)

Stage 3 — 开发实现(Sub-agent 并行)

  • Sub-agent 1: 开发 Hero Section + Navigation
  • Sub-agent 2: 开发核心优势 Section
  • Sub-agent 3: 开发功能亮点 Section
  • Sub-agent 4: 开发适用人群 + CTA + Footer Section
  • Sub-agent 5: 开发全局交互效果 + 动画

Stage 4 — 构建与部署

  • 质量检查与修复
  • 生产环境构建
  • 部署上线

视觉风格定位

  • 主题: 深色科技风,紫蓝色渐变点缀,体现AI智能感
  • 字体: 简洁现代无衬线字体
  • 动画: 流畅的滚动揭示动画,悬停交互反馈
  • 响应式: 完美适配手机、平板、桌面端