Can AI Get It? (AI 看得懂吗？)

一个有趣的"网站 AI 性格测试"工具。输入网址，让 Sandbase.ai 驱动的 AI agent 真实逛一次你的网站，然后生成评分、评价、性格标签和可分享卡片。

Live: lab-sitecheck.sandbase.ai

快速开始

# 安装依赖
npm install

# 配置环境变量
cp .env.local.example .env.local
# 编辑 .env.local 填入真实值

# 本地开发
npm run dev

# 构建生产版本
npm run build

# 运行测试
npm run test

环境变量

变量	说明
SANDBASE_API_KEY	Sandbase.ai API Key (sk-sb-...)
SANDBASE_AGENT_ID	预创建的 Site Reviewer Agent ID
SANDBASE_ENVIRONMENT_ID	Agent 运行环境 ID
UPSTASH_REDIS_REST_URL	Upstash Redis REST URL
UPSTASH_REDIS_REST_TOKEN	Upstash Redis REST Token

技术栈

• 框架: Next.js 14 (App Router)
• 样式: Tailwind CSS (mobile-first)
• AI 分析: Sandbase.ai Session API
• 卡片生成: GPT-Image-2 (via Sandbase /v1/run)
• 存储: Upstash Redis (结果 7 天 TTL)
• 测试: Vitest + fast-check

项目结构

sandbase-site-checker/
├── app/                    # Next.js App Router 页面和组件
│   ├── page.tsx           # 首页
│   ├── result/page.tsx    # 结果页
│   ├── r/[id]/page.tsx    # 结果短链 (SSR + OG meta)
│   ├── components/        # UI 组件
│   ├── hooks/             # React hooks
│   ├── lib/               # 类型、常量、i18n、工具函数
│   └── api/               # API Routes
├── lib/                    # 后端模块（Sandbase 客户端、解析器、Redis）
├── scripts/               # 预跑脚本
└── public/                # 静态资源

预跑知名网站数据

上线前运行一次，用真实 AI 分析填充知名网站对比数据：

npx tsx scripts/prefetch-famous-sites.ts

需要配置好环境变量。脚本会逐个分析 15 个知名网站并存入 Redis。

部署

Vercel (推荐)

1. Import 项目，Root Directory 设为 sandbase-site-checker
2. 在 Vercel 设置环境变量
3. 配置自定义域名 lab-sitecheck.sandbase.ai

Docker

docker build -t sandbase-site-checker .
docker run -p 3000:3000 --env-file .env.local sandbase-site-checker

Sandbase Agent 配置

在 Sandbase 平台创建 Agent 时，使用 docs/agent-system-prompt.md 中的 system prompt。

许可

Internal use only - Sandbase.ai