点击上方“小妖同学学AI”,选择“星标”公众号
超级无敌干货,第一时间送达!!!
深度解析 PDF + 实时搜索补全 + 交互式动态视觉——看它如何用自然语言“编织”一整个 Next.js 项目
小伙伴们,你是否曾设想过,只靠一段描述,就能生成一个功能完整、界面精美的 AI 应用?最近,我们将 GLM-4.7 接入开发工具,仅用几句提示词,它便自主完成了一个令人惊艳的“PPT 生成平台”——从多 PDF 上传解析、GLM 长上下文洞察,到实时搜索补全行业背景,再到前端动态排版与交互设计,全程自动编码、一步到位。它不仅能深度理解需求,还能调用多重工具链,将复杂的多模态任务拆解为可执行的代码模块,最终呈现出一个可直接运行、视觉动效精致的 Next.js 项目。这或许意味着,在 GLM-4.7 的驱动下,“自然语言即前端”的时代,正悄然加速到来。
GLM-4.7 apikey申请
https://www.aiping.cn/#?invitation_code=XEZUVO
ClaudeCode配置
Windows用户打开目录
C:\Users\Administrator.claude
配置 settings.json(如未出现.claude可在命令行输入claude后再试)
输入url:https://aiping.cn/api/v1 apikey 为上面的AIPing APIkey
{"env":{"ANTHROPIC_BASE_URL":"https://aiping.cn/api/v1/anthropic","ANTHROPIC_AUTH_TOKEN":"<YOUR_API_KEY>", #上面申请的apikey"API_TIMEOUT_MS":"3000000","CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC":1,"ANTHROPIC_MODEL":"GLM-4.7","ANTHROPIC_SMALL_FAST_MODEL":"GLM-4.7","ANTHROPIC_DEFAULT_SONNET_MODEL":"GLM-4.7","ANTHROPIC_DEFAULT_OPUS_MODEL":"GLM-4.7","ANTHROPIC_DEFAULT_HAIKU_MODEL":"GLM-4.7"}}我们看到GLM-4.7说明配置成功
编程实战
输入以下提示词
开启思考模式并调用 MCP 工具,基于 Next.js + Tailwind CSS 构建一个极致精美的 AI 演示文稿生成平台。核心逻辑:实现多 PDF 上传与深度解析,调用 GLM-4.7 多模态 API 对文档进行长上下文洞察,并联动 GLM 搜索 API 补全行业实时背景。PPT生成:发挥 GLM-4.7 的前端审美能力,将分析精华转化为由 HTML/CSS/JS 驱动的交互式 PPT 页面,每一页都要有精妙的排版、数据图表及动态视觉效果。给出了代办事项
我们一路yes 等待自动编码的完成
项目完成,我们来运行开下效果
上传pdf 生成ppt
生成结果
感谢大家的点赞和关注,我们下期见!