SuperAPI AI 工具集

product-showcase

前端与建站

查看项目

更新于 10-15 23:31

技能介绍

用途:为 Web 应用生成营销展示网站,让访问者理解产品实际功能,而不只是首屏与功能网格。适合复杂应用、智能体类 AI 工具,以及静态截图难以传达价值的场景。

主要能力:提供三档深度。quick 为单页(首屏、功能、CTA,约15-20分钟);standard 为多页站点(首页、功能页、含截图的使用流程页,约1-2小时);thorough 为完整站点(首页、每个功能独立页、动画 GIF 演示、用例页、对比页,约3-6小时),默认 standard。支持自动检测浏览器工具:优先 Chrome MCP(mcp__claude-in-chrome__,适合需登录应用)、Playwright MCP(mcp__plugin_playwright_playwright__,公开应用)、playwright-cli(脚本化流程)。

使用方式:先收集应用 URL、名称(必填)及标语、目标受众、价格、CTA、推荐语等可选信息;再用内置 capture-screenshots 截图,例如 capture-screenshots http://localhost:5173 --pages /,/dashboard,/contacts,/settings --output showcase/screenshots --prefix screen --mobile --dark,支持 --auth user:password 与 --dark,可一次生成桌面、移动与暗色变体;用 img-process batch showcase/screenshots --action optimise --max-width 1920 -o showcase/screenshots-opt 优化。随后生成站点结构,关键功能可先分步截图再用 Python/Pillow 合并为 GIF(建议不超过10秒/20帧,单文件不超5MB)。成品可预览 python3 -m http.server -d showcase,并部署到 Cloudflare Workers 静态资源(npx wrangler deploy)、Cloudflare Pages 或 Netlify、Vercel、GitHub Pages 等静态托管;表单可用 Formspree、Worker 端点或 Turnstile 防垃圾提交。

限制:截图需应用可访问并能提供真实数据;GIF 体积与时长受控;具体收费与价格资料暂未提供。