小马的 AI 工具集
899 · 一对一 · 包教包会 AI 做 PPT高保真原型网页 UI交互 Demo反 AI slop

AI 设计与办公

用 AI 做 PPT、高保真原型和网页 UI —— 不是"能看",是能直接交付、能上线的成品

这门课就一件事:用 AI 做出好看又能用的东西——PPT、高保真原型、网页 UI。这几个工具我自己反复做过、踩完坑才敢拿出来讲。难点从来不是让 AI 出一个"能看"的稿,而是怎么把那股一眼假的 AI 味儿调掉,做成能直接发给客户、能上线的成品。一对一带你做,你的真实需求当场变成交付物。

要做 PPT、原型、网页,又不想要一眼假 AI 稿的人。设计、产品、运营、创业者都能上手,不需要会写代码。
报名这门课 · 899 →

学完你能做到

  • 用一句话主题让 AI 生成一份文字可编辑的 PPTX,导回 PowerPoint / Keynote 还能继续改
  • 同一个页面能对比'开审美指令 vs 不开'的差别,知道怎么把 AI 默认的塑料感调掉
  • 做出可点击的高保真交互原型,导出 GIF / MP4 给客户或同事看动效,不用切图不用 Figma
  • 拿到落地页 / Dashboard 的 ready-to-ship 代码,能直接上线,不是只能看的稿子
  • 看懂 AI 生成的 PPTX 为什么会损坏、网页为什么一眼假,知道从哪里下手修

真实案例 · 都是跑通过的产物,不是演示 demo

AI 一键做出可编辑 PPTX

huashu-slidespptx

用一句话主题现做一份十几页的 PPTX,文字回到 PowerPoint 里还能逐字改——证明 AI 做的 PPT 不是只能看的图片,是能交付、能二次编辑的成品。

AI 一键做 PPT · 带讲解

开 42 行审美指令 vs 不开:同页面 A/B

frontend-designui-ux-pro-max

同一条落地页 prompt 跑两版,一版加载 Anthropic 那 42 行审美指令、一版不加,并排放一起。最直观地看清 AI 默认的塑料感是从哪来、又怎么调掉。

❌ 没开审美指令:一眼 AI slop
❌ 没开审美指令:一眼 AI slop
✅ 开了审美指令:同一产品,换了品味
✅ 开了审美指令:同一产品,换了品味
同一 prompt 开 vs 不开审美指令 · 带讲解

可点击的高保真交互原型

huashu-design

用 HTML 做一个页面之间真能跳转的交互原型,直接嵌到页面上访客能点,再导出 GIF 看动效——证明不用 Figma、不用切图也能做出会动、能演示的原型。

可点击高保真原型 · 带讲解

生产级 Dashboard / 落地页,ready-to-ship

impeccablefrontend-design

用 impeccable craft 做一个 SaaS Dashboard 或落地页,产出能直接上线的代码,外加 PRODUCT.md、DESIGN.md 交付文档——证明成品不是 demo,是能进项目的工程件。

生产级门店看板 · 带讲解

AI 生成的 PPTX 为什么会损坏,怎么修

pptxhuashu-slides

复现一个 AI 生成、PowerPoint 打不开的损坏 PPTX(如颜色值带 # 号),再手动修好——证明这门课不是只会点 skill,是懂底层、出问题能自己救回来。

AI 生成 PPTX 会损坏的三处底层写法 + 修法
AI 生成 PPTX 会损坏的三处底层写法 + 修法

锚点:xmcourse.com 本站就是 AI 做的

frontend-designhuashu-design

你正在看的这个站,就是用这套方法做出来的线上成品——'AI 做的网页长什么样'不用想象,翻到这一页往下看就是。

xmcourse.com(你正在看的这个站)

一套设计 token,一致的组件系统

shadcn-uireact-componentsimpeccable

用同一套设计 token 驱动的组件库:按钮各状态、表单、开关、标签、卡片、对话框、表格、Tabs、进度条、通知,明暗两版并排。切换主题只改 token、组件零改动——这是「AI 做 UI 也能成体系」而不是一次性堆页面。

一套设计 token,一致的组件系统

一对一会带你走这些 · 7 个模块 · 按你的进度来

01
AI 做 PPT 的两条路
  • Path A:HTML 转 PPTX,做出文字可编辑的成品,适合要回去改的场合
  • Path B:每页 AI 生图,视觉最统一,适合发布类物料
  • 内容结构化 → 设计系统 → 生成 → 组装的完整流程
  • 18 种风格 + 17 套样张怎么挑,别每次都撞同一个模板
02
让 PPTX 不损坏、能交付
  • AI 生成 PPTX 常踩的损坏坑:颜色值带 # 号、XML 结构错位
  • 导回 PowerPoint / Keynote 做二次编辑,不被锁死在图片里
  • 中文字体渲染怎么保证不乱、不缺字
03
绕开'一眼假'的 AI 网页
  • Anthropic 那 42 行审美指令到底做了什么
  • 同一个 prompt,开和不开这 42 行的直接对比
  • 字体、配色、留白、动效——四个把塑料感调掉的下手点
04
高保真原型与交互 Demo
  • 用 HTML 做可点击原型,页面之间真能跳转,不用切图
  • 加动效、做设计变体,一个需求出好几版对比着选
  • 导出 GIF / MP4,把动效发给别人看
05
生产级 UI 工程
  • 从原型到 ready-to-ship 代码,craft / audit / polish 一套打磨流程
  • 输出 PRODUCT.md 和 DESIGN.md,交付时有设计说明不是光丢代码
  • 落地页、Dashboard、表单、空状态这些真实场景怎么落
06
需求模糊时怎么定设计方向
  • 50+ 风格、161 套配色、57 种字体的数据库怎么查着用
  • 需求说不清时:先出三版真实视觉,再对着选,而不是凭空猜
  • 品牌资产(字体、色、logo)怎么在多份物料里保持一致
07
把成品用起来
  • 网页在浏览器 / 真机里迭代调细节,深浅色和响应式都顾到
  • PPTX、HTML、原型分别适合发到什么场合
  • 常见返工点:哪里最容易露 AI 味儿,交付前自己先过一遍
899元 · 一对一 · 包教包会

报名「AI 设计与办公」

扫码加我微信,备注你想学的课程名(如「AI Coding」),我会先跟你聊清楚你的需求和目标,再决定要不要报名。

  • 五门任选一门,一口价 899,不分级不加价
  • 一对一带着做,不是录播,卡在哪讲到哪
  • 拿你自己的真实需求练,学完手里有能交付的成品
  • 包教包会,跟到你能独立跑通为止

想看别的课?五门课任选一门 →

报名咨询微信二维码 扫码加微信,备注「AI 做 PPT」