01 一句话不会写代码,也能有自己的网站
手把手教你零基础用AI做出能上线的网站! 不会写代码,也想做个真能打开的网站?现在真能做到。这门课手把手带你:把脑子里的想法说清楚,让 AI 照着做,一步步做出一个别人能在手机上打开、能收藏、能拿去接活的网站——最后你会拿到一个属于自己的网址。老师本人的个人主页 majianhan.com 就是这么从一个空文件夹做出来、现在还开着的。零基础能跟,目标是真上线,不是玩玩就散。
AI Coding Claude Code 部署上线 Vercel 调试实战 测试验证 CI/CD Git 工作流
课程大纲
1 第一步:把想法说清楚,AI 才不会瞎做
从零认识:不用记代码,你要学的是怎么给 AI 派活 5 分钟把模糊的想法聊成一张明确清单 先想清楚「这次不做什么」,比想做什么还省事 写一张 AI 看得懂的需求单(有模板,照抄就行) 2 第二步:让 AI 一步步把网站做出来
把大目标拆成一条条小任务,AI 挨个完成 每做好一小块就存一次档,做坏了随时能退回去 给足信息:AI 做错八成是你没说清,怎么把话讲对 一眼认出 AI 糊弄你的「样板货」,直接打回去重做 3 第三步:AI 卡壳了,你怎么救回来
真实还原一次 AI 想岔了、绕远路的全过程 不慌:先复现问题、再找病根,别让 AI 乱试一通 AI 自信满满却是错的,你怎么把方向掰回来 这套「救场手感」是新手最缺、也最值钱的本事 4 第四步:上线前,亲眼确认它真的做对了
「跑起来了」不等于「做对了」,差别在哪 四个动作照着做:自测、看页面、对改动、看报错 把检查变成习惯,别等上线出事才回头补 5 第五步:真正上线,拿到你自己的网址
买域名、配网址、上锁(HTTPS)一条龙走一遍 从空文件夹到「别人能打开的网址」完整动作清单 在自己电脑上好用≠上线好用,上线前后各测一遍 跟着做完,你就有一个能发朋友圈的网址了 6 第六步:让网站自己稳稳活着,还能拿去变现
配好「安全门」,让网站不容易被人钻空子 设一道自动关卡:没测过的改动,不许上线 让网站每天自动更新内容,你不用天天守着 有了能上线的手艺,怎么接单、帮人做站、把它变成收入 交付物 & 成果
老师亲手做的网站,现在还开着 superpowers:brainstorming superpowers:writing-plans superpowers:executing-plans
老师自己的个人主页 majianhan.com,你现在就能打开看。它不是演示,是从一个空文件夹,一晚上一步步做到上线的真实记录——每一步为什么这么做都留着底、都能翻出来。这是整门课的样板。
git log —— 一晚上的提交时间线
21:44 init:create-astro + 部署骨架
21:48 首页与基础样式
21:49 写 README
22:02 修 WCAG AA 对比度(正文对比度不达标)
… 共 72 次提交,每次只干一件事
次日 接 Vercel git 集成,push 即上线 majianhan.com(现在还开着) ↗ 上线前那张「需求单」,原件给你看 superpowers:writing-plans huashu-design
做网站之前老师真写的那张想法清单:这次要做什么、不做什么、为什么这么选、做到什么程度算过关。看完你就知道自己动手前该先写成什么样,照着来就不会让 AI 瞎做。
上线前 spec 节选(真实原件)
## 2. 非目标(本期不做)
- 完整个人主页内容(bio、作品集、博客)
- 国内 CDN 加速 / 备案 / SEO 元数据优化
- Dark mode 切换器
**反 AI slop 清单**(来自 huashu-design):
- 不用 linear-gradient(135deg,#667eea,#764ba2) 这种典型紫蓝渐变
- 不放虚假的 “AI generated” 光晕图
- 不用 emoji 装饰
- 不写 “Welcome to my website” 式的废话 上线之后才会踩的坑:新手根本想不到 superpowers:systematic-debugging codegraph
一份真实的「踩坑手册」。讲的是那种新手完全想不到的麻烦:有些东西一旦上线定死了,再改就会让已经在用的人全打不开、还没法补救。它告诉你上线不是终点,是另一堆问题的起点——这些光做演示永远学不到。
迁移死锁手册节选(已脱敏)
## 绝对不能变的三样(存量命脉)
| 项 | 为什么不能改 |
|---|---|
| 网关域名 | 存量客户端所有后端(登录/鉴权/媒体生成)唯一入口,硬编码进二进制;指新域会被拒、回落老域,运行时无开关可救 |
| 更新源 OSS 桶名 | 自动更新唯一通道,硬编码;桶不可达=永久断更,而断更又断了推修复版的唯一路径——与上一条构成死锁 |
| 更新签名私钥 | 存量客户端只认这把私钥签的包;换新钥=存量全部拒装 |
铁律:这三样逐字节不变,只迁背后的 DNS / 服务器 / 账号归属。 让网站自己每天更新、还带「安全门」 deployment-patterns
本站 xmcourse.com 就是这么配的:每天自动更新内容、自动上线,还装了一道「安全门」防人钻空子。另外还有一道自动关卡——没通过检查的改动根本上不了线。证明「上线后让它自己稳稳跑着」是真能设置出来的,不用你天天守。
deploy 门禁:红的 main 不许进生产
jobs:
# Test gate: a red `main` must not reach production. The deploy job
# explicitly `needs: test`, so a broken commit can be reverted before
# production ever sees it.
test:
runs-on: ubuntu-latest
services:
postgres: { image: postgres:16-alpine } # 真起一个库跑集成测试
deploy:
needs: test # ← 测试不过,这一步根本不会执行
runs-on: ubuntu-latest 14 篇真实「翻车记录」:AI 走过的弯路 superpowers:systematic-debugging
老师攒下的一批真实排错记录,写的全是 AI 一开始判断错了、绕了远路、最后被实际一测才发现搞错了的过程。比如某个功能其实根本没坏,真正的毛病在别处。它证明这门课教排错不是空谈,讲的是真卡住时人怎么一步步救回来。
调试战报节选(已脱敏)
# 一次被真机推翻的误判(调试战报节选)
现象:某功能“私信发不出去”,第一判断是发送接口坏了。
真相:接口没坏(send=200 实测)。真凶是上一步的采集不稳,
加上页面水合瞬间的一次闪跳,被误判成“登录已失效”。
教训:AI(和人)都容易把“下游报错”当成“下游的锅”。
先把每一步的真实返回值打出来,再定位——而不是顺着第一直觉改。
这一版把“降级到备用流程”当解药也是红鲱鱼,绕了远路。 全程录屏:从空文件夹到网站上线 superpowers:writing-plans superpowers:executing-plans test-media
整门课最实在的动态证据。一镜到底录下来:从空文件夹起步,说清想法、拆任务、让 AI 做、跑起来、上线、拿到网址——卡壳的地方也没剪掉。看完你对「做一个网站到底要干哪些事」就心里有数了。
真实终端录屏:从空目录到 majianhan.com 上线
现场录屏:AI 卡住时,人怎么出手 superpowers:systematic-debugging test-media
专门录「AI 卡壳」那一段,不是一帆风顺的表演。还原一个 AI 走弯路的场景,演示怎么先重现问题、再找病根、一步步掰回正轨,而不是让 AI 反复瞎改。这段手感,新手最缺也最值钱。
课上现场演示 这个案例在一对一课上带你从头跑一遍,用到 superpowers:systematic-debugging / test-media。
现场录屏:上线前,怎么亲眼确认没做错 superpowers:test-driven-development test-media
把「不检查的快,是假的快」这句话录成看得见的动作:自测一遍、打开页面对一眼、逐条看改了啥、看有没有报错提示。让你明白「确认没问题」不是一句空话,是四个照着就能做的具体步骤。
真实终端录屏:跑测试 + 读 diff + 拉真站
02 零剪辑基础,也能接单交活
手把手教你用AI做能赚钱的带货视频和短剧! 刷到的那些带货短视频、卖货小短剧、产品广告,现在很多都是AI做的——不用真人出镜、不用买设备、不用会剪辑。这门课就带零基础的你,从三张图片开始,一步步做出能发抖音、能卖货、甚至能接商单收钱的视频。我接甲方活儿真在用的这套方法,原样教给你。看着复杂,跟着做一遍你就会了,做完手里就有能拿出去的成片。
节点式画布 融合生图 图生视频 电商带货 短剧带货 产品广告 角色一致性 AIGC接单
课程大纲
1 先搞明白:AI到底怎么帮你做视频赚钱
现在满屏的AI带货视频、AI短剧长什么样,钱从哪来 不用真人、不用相机、不用会剪辑,你只要会点鼠标 这门课学完你能做出什么、能接什么样的单 把工具准备好:一个账号一把钥匙,全程跟着我配 2 从几张图片,拼出一个会动的画面
把人物、产品、背景三张图喂进去,合成同一张画面 让产品长得跟真的一模一样,而不是AI瞎编一个 把这张合成好的图变成会动的短视频 新手最容易翻车的地方,我提前帮你标出来避开 3 做第一条带货视频:不用出镜也能卖货
带货视频的万能套路:先戳痛点、再种草、最后展示产品 让AI数字人替你开口讲解,声音表情都自然 跨境代购、好物推荐这类视频,一条龙做出来 做完直接能发抖音、能挂小黄车 4 进阶做卖货小短剧:让同一个人物不走样
为什么带货小短剧比纯口播更容易火、更能留人 让AI帮你写有反转、有钩子的短剧剧本 给角色建一张"身份证",锁住长相和声音不乱变 一段一段做、再拼成一集完整的短剧 5 接产品广告商单:把甲方的活儿做到验收通过
接一单真实广告:从甲方要求到交片全过程 同一个需求做好几个版本,让甲方自己挑 甲方说"这里再改改",你怎么改到他满意 看别人已交付的品牌商单,你也照着接第一单 6 做视频前先画草图:少返工、不抽卡碰运气
为什么高手都是先把故事拆成一格一格的画面 用九宫格草图把30秒短剧的每个镜头先定下来 照着草图一格一格出片,效果稳、不用反复重做 把整套流程串起来,以后换产品换脚本都能复用 交付物 & 成果
三张图片做出一条完整手套广告 ai-storyboard seedance ai-my-zhongzhuan
给你看一个从头到尾的真实例子:一张男人照片、一张女人照片、一张手套照片,合成一个温馨的家庭画面,再变成会动的广告片,最后做了四个不同版本让甲方挑,甲方提意见还能接着改。整条路怎么走通的,全在这。
不用真人出镜的带货卖货视频 seedance-ugc-director shuziren-adv ai-my-zhongzhuan
一条卖球鞋的带货短视频:开头戳你痛点、中间数字人帮你种草、最后展示产品。全程没有真人上镜,做出来直接能发、能挂购物车。
AIUGC 带货口播成片
卖货小短剧:同一个角色从头到尾不变脸 drama-creator drama-workflow ai-storyboard
从一张产品图,到AI写好一段有剧情的带货短剧,再给每个角色发一张"身份证"锁住长相和声音,一段一段拍完拼成一集。看它怎么保证同一个人在每个镜头里都长一样。
看一眼"连线做视频"到底长什么样 ai-my-zhongzhuan
直接给你看做视频的操作界面:素材、合成画面、变成视频,像搭积木一样一块接一块连起来。带讲解,让你一眼看懂这活儿其实不玄乎。
节点式画布工作流 · 带讲解
打造你自己的固定角色形象(龙虾/机甲) ai-storyboard seedance
同一个角色——一只龙虾、一个机甲——在好几个不同镜头里长相都保持一致。想做系列内容、养一个自己的招牌形象,就得这么锁住它。
先画草图再做视频,省掉反复返工 ai-storyboard
一张把整个故事拆成九格的草图,加上照它做出来的成片。先想清楚每个镜头拍什么,后面出片就顺,不用一遍遍推倒重来。
已经交付的品牌客户真实商单 ai-my-zhongzhuan seedance
两条真给甲方交过的广告片:一个饮料品牌、一个大型工程集团(客户名字已隐去)。证明这套做法不是自己玩,是真接过品牌的钱、真交付验收过的。
课上现场演示 这个案例在一对一课上带你从头跑一遍,用到 ai-my-zhongzhuan / seedance。
九宫格草图:开拍前把每个镜头都定死 ai-storyboard seedance
一张专业的分镜草图,把一条30秒带货短剧拆成九个画面,每格标好这个镜头拍什么、怎么运镜、说什么台词,顺着"铺垫→反转→收尾"走。做视频前先规划,不靠碰运气。
3×3 分镜表 · 带讲解
03 别人搜 AI,AI 就说你好
手把手教你让 AI 主动推荐你的品牌! 现在越来越多人不用百度了,遇事就问 DeepSeek、豆包、ChatGPT。它们回答时提没提你的品牌、说得对不对,直接决定谁家生意。这门课不玩虚的,手把手带你从零做一件事:让 AI 在回答里主动把你说到、说对、还愿意推荐你。不用会写代码,跟着一步步做,最后不光自己品牌能上,还能把这套本事打包成服务卖给别人赚钱。
GEO AI搜索优化 DeepSeek 豆包 llms.txt Schema结构化数据 品牌可见度 白帽优化
课程大纲
1 先搞懂:为啥要让 AI 帮你说话
以前拼百度排名,现在拼 AI 张不张嘴推荐你 AI 是怎么决定该提谁的?一次讲透它的小心思 丑话说前头:能做到什么、不能吹什么,心里有底 2 第一步:给自己家底做个体检
一条命令跑出 0-100 分,一眼看清你现在被 AI 认成啥样 哪块最拖后腿?体检报告帮你揪出最该先补的窟窿 真实开测:同一个问题去问豆包和 DeepSeek,看它们现在怎么说你 3 第二步:给 AI 递一张看得懂的名片
给网站放一份「AI 专用说明书」,让 AI 一抓就懂你是谁 把你的品牌、创始人、常见问题整理成 AI 爱认的格式 打开门放 AI 进来抓资料,名字统一别让它认岔 4 第三步:写 AI 最爱引用的内容
挖出用户真会问的问题,别自己拍脑袋瞎猜 写对比测评、排行文章,专挑 AI 爱抄的那种写法 医美、金融这些敏感行业,怎么写既有效又不踩红线 5 第四步:把好话铺到 AI 信得过的地方
往权威媒体投稿,让 AI 从大平台上读到你的好 AI 把你的东西说成竞品的了?教你几招掰正过来 投稿、内容、监测排成节奏,效果滚起来 6 第五步:盯效果,让老板一眼看懂
用一套六个维度的监测法,把「AI 有没有夸对你」变成能看的表 定期抽查 AI 的回答,做成能追踪的周报月报 从「AI 说错」到「AI 改对了」,全程留痕可交代 7 变现:把这门手艺做成能收钱的生意
接单全流程走一遍:怎么谈、怎么报价、怎么签、怎么交付 照着真实客户的交付模板,你的第一单就能照葫芦画瓢 定价和话术怎么说,既能收钱又不给自己挖坑 交付物 & 成果
开课先放一条 20 秒小动画,把「让 AI 推荐你」这件事一句话讲明白。看完你就知道这事不玄乎,自己也能懂。
20 秒看懂 GEO
从分析、找素材、AI 写稿到多平台投稿、看数据,六大模块 60 张真实操作界面全摆出来。证明每一步都有真家伙在干活,不是嘴上说说。
这个课程网站自己就用了这套方法,怎么让 AI 认得「小马是谁」的做法全公开、随便翻。手法不藏着,你直接照着抄。
本站的 GEO 实现(源码可读)
// 让 AI 搜索认得“马健涵是谁”——把人写成结构化实体
export const personSchema = {
'@type': 'Person',
name: '马健涵', alternateName: '小马',
jobTitle: '操作系统高级工程师 / 万联易达 技术总经理',
knowsAbout: ['AI 开源项目','Agent Skill','Claude Code','大语言模型应用'],
sameAs: ['https://majianhan.com'],
};
// faqs.ts 里的问题,是照着“别人会怎么问 AI”来写的:
// “马健涵是谁” / “有没有值得推荐的 AI 开源项目精选网站” 对 xmcourse.com 现场跑一次 geo audit ↗ 成品海报和产品手册,能直接对外卖 geo-seo geo-media
一张做好的营销海报,加一本讲清楚「这项服务卖什么」的手册。证明这套本事能打包成正经产品报价对外接单,不是打一次零工。
当场拿一个真网站跑一遍打分,0 到 100 分加八个维度逐项拆开。让你亲眼看清「体检」到底查出了啥、分是怎么扣的。
把几样关键动作一件件做上去,每加一样就重新打一次分,看着分数一点点涨。证明这套办法真管用、你也复制得了。
真实终端录屏:GEO 三件套边搭边跑分
真实大客户案例:一整套交付流程 geo-seo yao-geo-effect-monitor
一个真实医美客户从谈单到复盘的全过程,抹掉隐私只留干货——一套监测方法加周报月报模板。证明这活能做得规范、交得出手、还能收钱。
GEO 六层监测模型 · 带讲解
改造前后对比:AI 从说错到说对 yao-geo-effect-monitor geo-seo
改造前 AI 把这家客户的产品说成了竞品的,改造后同一个问题 AI 就说对了。一页对照,把「这门课到底解决啥」讲得明明白白。
04 没团队没精力,AI 帮你全包了
手把手教你一个人做自媒体,一场课剪出12条爆款! 想做自媒体,可是一个人又拍又剪又发,光剪一条视频就熬到半夜,发四个平台还得挨个重传,直接劝退。这门课教你换个活法:录一段口播丢给 AI,它自动帮你剪掉口误废话;封面、文案、标题一次全出齐;点一下同时发抖音、小红书、视频号、快手,公众号也自动排版进草稿箱。我自己每天就这么干——一场两小时的课,能拆出 12 条能发的短视频。一对一带你搭,搭到你自己一个人也能天天出片为止。
口播视频 AI剪辑 动画生成 多平台发布 公众号自动化 选题 封面文案 抖音小红书视频号
课程大纲
1 第一步:先想明白发什么,才不会没东西可发
选题不靠灵感:从全网热榜里扒出大家正在看的话题 每个观点都能说出'我从哪看来的',不怕被人抬杠打脸 一场长内容怎么拆成十几个能单独发的小选题 2 第二步:录一段口播,AI 帮你剪成干净成片
口播稿怎么写,念着顺、剪着也省事 录的时候留个小心机,后面剪起来快一倍 AI 自动把'嗯啊、说错、重复'挑出来删掉,你只当个终审 亲眼看 559 秒原片怎么被剪到 313 秒,一刀不用自己动 3 第三步:给视频穿上'好看的衣服'
字幕、背景音乐、悬浮小卡片,一层层叠出高级感 同一条视频'素颜版 / 加字幕版 / 加音乐版'摆一起对比 36 种字幕风格怎么挑一个配你的账号调性 4 第四步:不想露脸?让 AI 生成讲解动画
全程不用真人出镜,AI 生成剪纸风竖屏讲解片 开头加不加那 3 秒钩子,完播率差多少(两版实测对比) 配音、字幕、画面分镜一整套 AI 一次给你配齐 5 第五步:封面文案一次出齐,发布不再一条抠一次
一条视频同时出横版竖版封面,风格统一不用来回改 钩子标题、5 个备选标题、简介、话题、置顶评论一键配好 公众号排版:一篇稿子自动变成好看的推文样式 6 第六步:一处点击,全网平台同时发(能接单的本事)
抖音、小红书、视频号、快手一次发完,不用挨个重传 公众号文章自动排好版、推进草稿箱,你确认一下就发 把前面所有环节串成你自己的一条生产线,之后天天能复用 交付物 & 成果
一场2小时的课,切出12条能发的短视频 kouboshipin videocut
把一段两个半小时的录像丢进去,AI 自动切成 12 条各自独立、能单独发的短视频,每条都自动配好悬浮小卡片,卡片上的标题本身就是一个选题。同一份素材,成片、动画、选题一次全有了——原来长内容真能这么批量拆着发。
AI 自动剪口播,每一刀都告诉你为什么剪 kouboshipin videocut
559 秒的原片,AI 先把你说的每句话变成文字,再逐条挑出 13 处该删的地方(说错的、重复的、废话的,每处都写清是哪类、为什么删),最后剪成 313 秒的干净成片。整个过程都摆给你看,不是黑箱,你只当个点头的终审。
剪掉口误后的成片
AI 出的删减清单(人只做终审)
# 口误分析 · 第七期(AI 自动生成的删减清单节选)
合计删除元素:540 / 2396
| # | 类型 | 处理 |
|---|---|---|
| 1 | 重说·false start | 删第一遍餐厅比喻,保留完整版 |
| 3 | 卡顿 | 删“无无”卡顿,保留完整句 |
| 5 | false start×2 | 两次起头未完整,整删 |
| 11| 重说整段 | 客户画像第一遍整删,保留更完整的一版 |
—— 每一处都标了原话、类型、保留哪一版的理由,人只做终审。 '素颜/加字幕/加音乐'三版摆一起对比 kouboshipin embedded-captions
同一条内容留了三个版本:只剪好的、加了字幕的、再配上背景音乐的。三版摆一起一看就懂——好看的视频不是一次做出来的,是一层层叠上去的,每一层管什么、能不能单独调,全看得明明白白。
课上现场演示 这个案例在一对一课上带你从头跑一遍,用到 kouboshipin / embedded-captions。
不用露脸,AI 生成剪纸风讲解动画 remotion-best-practices faceless-explainer
全程不用真人出镜,一整条竖屏讲解动画全由 AI 生成,剪纸风、手机满屏那种尺寸。同一内容做了'普通开头'和'加了3秒钩子'两个版本摆一起,直接拿来看:开头那 3 秒到底能不能把人留住。
纯 AI 生成 · 剪纸风讲解动画
选题到成片,每句话都查得到出处 kouboshipin daily-ai-news
82 秒的成片,脚本里每一句口播说的什么、配的什么画面、这个说法从哪来的,全都留着对照。每个观点都能追回到 11 个平台热榜上的具体那一条。这就是不翻车的关键:你说的不是编的,是有据可查的。
选题到成片最短闭环
脚本每句都能追溯来源
## 口播脚本(AI 自动生成 · 每句都能追溯来源)
S2 新模型:Anthropic 发布 Claude Fable 5… ← 来源 02
S3 资本:OpenAI 被曝秘密提交上市申请… ← 来源 03
S4 国产算力:昇腾 910C 完成后训练… ← 来源 04
## 事实来源对照
- 数据来源:TrendRadar(11 平台热榜 + HN RSS,当日抓取)+ aihot 近 7 天精选
- S2:Anthropic Newsroom(06-09);Hacker News(RSS 命中)
—— 选题不是拍脑袋,是从真实热榜里挑出来、再逐条对齐来源。 一次生产,全平台要发的东西一次配齐 kouboshipin douyin-creator
12 条视频对应 12 份文案,每份都配好了主打钩子、5 个备选标题、简介、话题标签、置顶评论,封面横版竖版各一张一共 24 张。发之前该准备的一次全出齐,不用发一条现抠一条。
一条视频的全部发布物(AI 一次配齐)
## 一条视频,配齐全平台发布物(AI 一次生成)
每条含:主推钩子 + 5 个备选标题(各标注策略来源)+ 简介 + 话题标签 + 置顶评论
示例(第 09 条):
钩子:“别再手动剪了,这条视频从选题到发布我没碰过剪辑软件”
备选标题①(反常识提问):AI 做的视频,凭什么比你熬夜剪的还耐看?
备选标题②(不等式公式):2 小时线下课 = 12 条成片 + 24 张封面
置顶评论:想要这套工作流的,评论区扣 1 点一下,同时发到四个平台 cheat-publish social-media-automation wechat-channels-automation
抖音、小红书、快手、视频号一处填内容、勾平台,一次发完,不用挨个平台重复上传。视频号还留了个后手:万一自动发的通道失灵,会自动改用打开浏览器帮你发的方式兜底。(客户和产品名字已打码)
公众号文章自动排好版、进草稿箱 mp-workflow good-mp-post
现场跑一遍:一篇稿子自动变成公众号里好看的推文样式,再自动把图传上去、把文章推进你的草稿箱,手机截图看真实效果。证明连公众号也能塞进这条自动流水线,你只需最后点一下发送。
三张样片选风格,七张海报连成一条知识科普动画 选题定好写脚本,先用 Nano Banana 2 出三张不同风格的样片,看图选一个最对味的风格;照着这个风格接着出 7 张主海报,再把海报连成视频,最后配上豆包中文旁白——一条 64 秒的《二十四节气的渊源》知识科普动画就是这么批量做出来的,风格提前拍板,不会做到一半跑偏。
《二十四节气的渊源》知识科普动画 · 最终成片
从头到尾一镜到底,全程录屏给你看(高光) kouboshipin cheat-publish social-media-automation douyin-creator
拿一篇写好的 3000 字口播稿当剧本,从头跑完整条线:剪口播 → 加卡片动画 → 出封面 → 一键多平台发布,把这门课教的所有环节全串起来,一口气录下来给你看它到底怎么转起来的。
真实浏览器自动化:自动传视频、填标题文案,走到发布前停
05 零基础,也能做出别人肯掏钱的活儿
手把手教你用AI做出能接单的PPT和网页! 不会PS、不会代码、不会Figma,照样能做出好看又能用的东西——一句话让AI帮你做出十几页能改的PPT、能点能跳的网页原型、能直接上线的落地页。这门课不玩虚的,全是我自己踩完坑、反复做过才敢教的。难的从来不是让AI出个"能看"的稿,而是把那股一眼假的AI味儿调掉,做成能发客户、能上线、能接单收钱的成品。一对一带你做,你自己的活儿当场做出来。
AI 做 PPT 高保真原型 网页 UI 交互 Demo 反 AI slop 可编辑 PPTX 落地页 生产级 UI
课程大纲
1 第一步:先搞清楚AI到底能帮你做出啥
三样能变现的活儿:能改的PPT、能点的网页、能上线的页面 为什么普通人做的AI稿一眼假,高手做的却像专业设计 不用装任何设计软件,打开就能上手——先跑通一个完整例子 2 一句话做出十几页、还能自己改的PPT
给个主题,AI直接吐出一份十几页的PPT 做完导回Office/Keynote,每个字还能接着改,不是死图片 18种风格随便挑,别再让你的PPT撞脸别人 中文字不乱码、不缺字的小窍门 3 做出'不像AI做的'好看网页
同一个页面,开了'审美开关'和没开,差别一眼看穿 照抄大厂那套让页面变高级的秘诀 字体、配色、留白、动效——四个把塑料味调掉的下手点 做出来的网页手机电脑都好看,深色浅色都顾到 4 做出能点能跳的原型,拿去谈客户
用网页做出真能点、真能翻页的原型,客户直接上手体验 一个需求做出好几版对比,让客户自己挑 把动效录成小视频/动图,发微信就能展示 全程不用Figma、不用切图 5 做出能直接上线、能交付的成品
从'能看的稿'升级成'能上线的页面':落地页、数据看板都行 顺手生成一份设计说明,交付时显专业、好收钱 出问题不慌:AI做的PPT打不开了,自己就能修好 做一套能反复用的组件,以后做啥都快一半 6 接单变现:把手艺变成钱
这些活儿能接什么单、大概能收多少钱 交付前自己过一遍:哪里最容易露AI味儿,先补掉 你正看的这个网站,就是用这套方法做的——照着做你也行 交付物 & 成果
AI 一键做出可编辑 PPTX huashu-slides pptx
用一句话主题现做一份十几页的 PPTX,文字回到 PowerPoint 里还能逐字改——证明 AI 做的 PPT 不是只能看的图片,是能交付、能二次编辑的成品。
AI 一键做 PPT · 带讲解
一句话,做出能改的PPT frontend-design ui-ux-pro-max
给AI一个主题,它当场做出一份十几页的PPT。关键是——做完拿回电脑里,每个字还能接着改,不是一张改不动的图片。这才叫能交付、能用的成品。
开不开'审美开关',一眼看穿 huashu-design
同一个网页做两版:一版打开了让页面变高级的'审美开关',一版没开,并排放一起。你会瞬间看懂,普通AI稿那股塑料味到底是从哪来的、又怎么调掉。
可点击高保真原型 · 带讲解
能点能翻页的网页原型 impeccable frontend-design
用网页做出一个真能点、点了真能跳到下一页的原型,直接放网上让人上手体验,还能录成动图看效果。证明不用买软件、不用切图,你也能做出会动、能演示的原型。
生产级门店看板 · 带讲解
能直接上线的落地页/数据看板 pptx huashu-slides
做一个真正能上线的落地页或数据看板,不是只能看的样子货,是能直接放进项目、发给客户的成品,还附一份设计说明,交付时显得专业又靠谱。
PPT打不开了?自己就能修 frontend-design huashu-design
故意复现一个AI做出来、电脑却打不开的坏PPT,再手把手把它修好。让你明白这门课不是只会点几个按钮,出了问题你自己能救回来,心里有底。
xmcourse.com(你正在看的这个站) ↗ 你正在看的这个网站,就是AI做的 shadcn-ui react-components impeccable
你现在看的这个网站,本身就是用这套方法做出来的。'AI做的网页长啥样'不用你想象,往下翻,看到的就是。
¥899 元 / 门
✓ 五门任选一门,一口价 899,不分级不加价✓ 一对一带着做,不是录播,卡在哪讲到哪✓ 拿你自己的真实需求练,学完手里有能交付的成品✓ 包教包会,跟到你能独立跑通为止 每门课的内容我都自己从头跑通过,课上展示的都是真实产物,不是演示 demo。
扫码加我微信,备注你想学的课程名(如「AI Coding」),我会先跟你聊清楚你的需求和目标,再决定要不要报名。 GPT
顺带解决工具:GPT / ChatGPT 会员代购 上课要用到的 ChatGPT、GPT 会员,我这边提供代购渠道,帮你把账号和会员一次搞定,不用自己折腾支付和开通。
扫下方二维码,备注「GPT代购」咨询 常见问题 课是怎么上的?录播还是直播? 一对一,不是录播。我按你的时间和进度带你实操,边做边讲,你卡在哪我就讲到哪,直到你自己能跑通整条流程。
大概要学多久? 没有固定课时数,按「你能独立做出成品」为准。多数人一门课几次一对一就能上手,具体节奏看你的基础和投入时间,我们会先约好目标再开始。
「包教包会」到底是什么意思? 就是跟到你能独立跑通为止,中途卡住随时问,不是讲完一遍就撒手。目标是你学完手里能拿出真东西:一个上线的 URL、一条能交付的片子、一篇能被引用的内容。
报名前能先咨询、确认适不适合我吗? 可以,也建议你先聊。扫码加微信备注课程名,我会先了解你的需求和目标,判断这门课能不能真帮到你,再决定要不要报,不合适我会直说。
GPT / ChatGPT 会员怎么买? 我这边提供代购渠道,扫码备注「GPT代购」问我就行,帮你把账号和会员开通一次搞定。价格和方式加微信聊。
零基础能学吗? 能。正因为一对一,我会按你的起点来带,不会甩一堆术语。你只要愿意跟着动手做,我负责把你带到能独立交付。报名前也可以先聊聊你的基础。