2026-03-20

AI Text Humanizer 项目搭建

今天完成了 AI 编程出海训练营的第一个实际产品——AI Text Humanizer（AI 文本人性化工具）。

完成内容

项目初始化

• 技术栈：Next.js 16 + TypeScript + Tailwind CSS
• 项目路径：~/projects/ai-humanizer/
• Git 仓库已初始化，6 次 commit

Landing Page（首页）

• Hero 区：大标题 + 4 个卖点 + CTA 按钮
• Before/After 对比展示区
• 功能介绍区（6 个特性卡片）
• Pricing 三档定价卡片（$9/月、$19/月、$49 买断）
• Footer 带产品/公司/法律链接
• 暗色/亮色模式切换
• 移动端响应式适配

核心 Humanize 工具页（/humanize）

• 左右双栏：输入框 + 输出框
• 4 种风格选择：Natural / Academic / Business / Creative
• AI 检测评分（0-100，输入 vs 输出对比，颜色可视化）
• 修改详情列表（每处改动标注模式和原因）
• 字数统计（兼容中英文）
• 一键复制功能

API 路由（/api/humanize）

• 完整 24 模式 AI 写作检测（基于 humanizer skill）
• 500+ AI 高频词黑名单
• 多模型支持：智谱 GLM-4-flash（首选）→ Gemini → OpenAI（fallback）
• IP 限流：每天 3 次免费
• 自动语言识别（中文输入→中文输出，英文输入→英文输出）
• 模型返回结构化 JSON（humanizedText + aiScore + changes）

独立 Pricing 页（/pricing）

已解决的问题

1. Claude Code 通过 DashScope (Kimi K2.5) 超时 → 换 GLM 模型或在超时后手动补完
2. 中文输入被翻译成英文 → prompt 加"保持原语言"指令
3. 中文字数统计不准 → 改为字符级统计
4. Mac 访问 Ubuntu dev server 只看到背景色 → next.config.ts 加 allowedDevOrigins
5. 首页按钮指向 /app 但实际是 /humanize → 修正链接
6. PricingSection 组件导出名不匹配 → 修正导入

环境配置

• 智谱 API Key 已配置到 .env.local
• Dev server 可通过 http://192.168.50.47:3000 从 Mac 访问

下一步待做

1. 推到 GitHub + Vercel 部署
2. Stripe 支付集成
3. 用户系统（Clerk / NextAuth）
4. Product Hunt 发布
5. SEO 内容页面

训练营进度

• 打卡次数：3/18（今天该补第 4 次）
• 当前阶段：第一阶段（Day 1 完成，进入 Day 2-3）
• 3/18 调研 → 3/20 开发，符合计划节奏