这个 html-in-canvas和 Three.js 做的动画太炫了 html-in-canvas 允许开发者将真实的、可交互的 HTML 和 CSS 直接渲染到 <canvas>（包括 2D、WebGL 和 WebGPU）中。

Gemini 的解释： 在过去，Canvas 只是“无脑”的像素画布。如果你想在 Canvas 里渲染一段 UI 或文字，你会失去浏览器原生自带的一切能力： • 没有屏幕阅读器支持（无障碍访问彻底瘫痪）。 • 无法原生长按选中文本。 • 无法处理复杂的多语言排版、连字和字体后备。 • 连最基础的点击侦测（Hit Testing），都需要开发者手写数学公式在底层模拟。 对于构建复杂生产力工具、AI 客户端界面或图形密集型应用来说，这意味着你要么在 Canvas 之上悬浮一层 DOM（容易出现同步错位和性能瓶颈），要么就像某些头部设计软件一样，咬牙从零开始用 WebGL 重写一整套文本和布局引擎。 HTML-in-Canvas 完美解决了这个痛点： 1.底层引擎分工：让 HTML 负责它最擅长的结构、语义、排版和原生交互；让 Canvas 和 GPU 负责极致的像素级特效渲染。 2.DOM 级着色器 (Shaders)：这是它爆火的核心原因。你现在可以直接将 WebGL 片段着色器应用到标准的 HTML 元素上。比如，让一个普通的 表单在打字时产生像素级的液化扭曲、扫描线切割，或者基于鼠标位置生成精确计算的 SDF (有向距离场) 动态光影。在经过 GPU 疯狂扭曲后，这个表单依然可以正常打字和响应事件。 3.3D 空间中的真实 UI：可以极其简单地将一个功能完整的 HTML 网页，当作纹理贴图完美附着在一个 3D 旋转的立方体表面，且依然可点可交互。 核心 API 原理 它的实现机制极其精简，主要依赖三个新的原语： • layoutsubtree 属性：加在 标签上。它允许 HTML 元素作为 Canvas 的子节点存在，并参与浏览器的正常 DOM 布局树计算，但默认不绘制到屏幕上。 • drawElementImage() 方法：将 DOM 元素捕获并绘制为 Canvas 像素。它会返回一个变换矩阵（Transform Matrix），在底层自动将真实的 DOM 物理坐标与画布上像素的渲染坐标保持完美同步。 • onpaint 事件：一个全新的响应式渲染机制。取代了传统极其消耗性能的 requestAnimationFrame 轮询，只有当子元素的渲染内容真正发生变化时，才会触发重绘。

5月7日。Canvas （Instructure） 遭遇全球性宕机： Instructure（Canvas 母公司）正在应对一起重大网络安全事件，被黑客组织ShinyHunters 攻击/勒索。Canvas、Canvas Beta、Canvas Test 全部下线，全美包括哈佛、宾大、宾州州立、俄克拉荷马州立等几千所学校都受影响，已经有近一万人在 Downdetector 上报告问题。登录失败都是这个原因。 图二是黑客组织直接贴在 Canvas 页面上的勒索信。

这三个东西凑齐之后，Obsidian已经不是一个笔记软件了。 1. Obsidian Web Clipper 浏览器看到好东西一键剪进库，原生 .md 格式。 2. Obsidian CLI 让Claude Code直接接管整个仓库：读、写、搜、改、建双链等等。 3. Obsidian Skills 最狠的一个，让Agent知道什么时候应该写 .md 笔记，建 .base 表格，或者生成一张 .canvas 画板。 你不再只是记笔记，你是在整理你的第二大脑。

整理了适合小白的在 TikTok 上做营销增长的入门手册，包括从设备基建、养号到 AI 批量生产的完整闭环 原文还蛮长的，我再整理了一个精简版，没时间的话看这个也可以🤣 大前提，锁死账号环境 不用执迷于美国实体 SIM 卡，平台核心查验的是 IP 和设备指纹。拿二手 iPhone 起步，到手后彻底恢复出厂设置清空数据。 语言设为英语，地区选美国，关闭所有定位与追踪，接入美国静态住宅 IP。 👉 一个可能会被大多数遗漏的点尤其是要注意，手机时区必须与 IP 所在城市严格对齐。时空数据一旦错位，会直接触发系统风控被限流。 新号直接发帖存活率极低，前 48 小时需要模拟真实用户轨迹 每天花半小时刷信息流，进行真实的赞评互动，利用“不感兴趣”选项将账号标签洗进目标垂类 第三天发布首条图文（Slideshow）进行测试 第四天定去留：播放量破千说明账号权重正常；低于两百直接弃用。重新起号的成本远比硬耗在一个废号上低得多。 内容制作上，放弃盲目原创，转去拆解已验证的爆款结构 找出近 30 天内播放破 10 万的同类图文，将截图发给 Claude，让它提取出背后的逻辑框架并输出 JSON 模板。做矩阵的本质，就是把自己的产品自然融入这套框架，批量裂变出不同的变体。 最后开始跑通极简 AI 流水线 80% 的素材从 Pinterest 寻找高对比度、无文字的竖图，剩下的用 AI 生成补充 随后通过 Node.js Canvas 脚本批量完成文案排版与合成 👉 发布环节也有一个容易被忽视的细节！可以使用 Postiz 等工具排期推送到草稿箱，但最终必须人工点击发布。全自动发布极易触发封号，保留这一步人工操作能规避绝大部分风险 最后是变现节奏：图文测款，付费放大。 早期直接整常规视频的试错成本太高，Slideshow 目前触达率极佳，是理想的低成本测试场 当图文跑通自然流量并验证了转化漏斗后，再切入 Spark Ads 用每天 50 刀的预算去放大收益。 抓住平台当前的图文红利期，迅速跑通这套业务流即可。

Anthropic 刚推出 Claude for Small Business，把 AI 直接集成到 QuickBooks、PayPal、HubSpot、Canva、DocuSign 这些小企业每天用的工具里。你只要打开 Claude 桌面端的开关，就能一键启动 15 个预设技能：工资核算、现金流预测、催款、做营销素材、签合同，甚至新员工入职全自动搞定。 收费方式很克制：不额外加钱，只要 Claude 订阅费加上 SaaS 工具的钱。安全方面也放心，工作流必须人为启动审批，Claude 拿不到你本来没有的权限，Team 和 Enterprise 用户数据默认不拿来训练模型。 最近 Anthropic 发布节奏很快：上周金融版发布，这周法律版更新，现在轮到小企业版了。理由也很直接：美国小企业撑起44%的 GDP，却一直没人专门给他们做 AI 产品。 5 月 14 日开始，Anthropic 会在芝加哥、达拉斯等十个城市办免费半天培训，每场限 100 个本地小企业主。线上还有和 PayPal 合作的免费课程，让老板们快速搞懂怎么用 AI。 不过，这招对传统 SaaS 厂商不算友好。Claude 把 QuickBooks、HubSpot 这些工具变成后台，用户界面都不用打开。过去几个月，Salesforce、DocuSign 等公司的股价已经一路下跌。Anthropic CEO Dario Amodei 甚至说过：“单个 SaaS 厂商很可能迅速失去市值，甚至倒闭”。 但讽刺的是，这次 Claude 接入的工具列表里，恰好有几家他刚刚点名的公司。一边说人家要倒闭，一边还要用人家的工具…… 产品页面：

别再把 Codex 只当聊天工具用了～ 装上这11个官方插件，Codex直接变成你的生产力外挂！ 别人还在手动做图、抠 PPT、抓数据…… 你已经一句话搞定海报、视频、数据分析和日程管理～ 下面我把每个插件的实际效果都录出来了，直接看效果～ 1️⃣视觉 & 设计神器 · Canva：一句话调用百万专业模板，海报、朋友圈图、封面秒出 · Figma：扔需求或代码，一键生成高保真可编辑设计稿 · HyperFrames by HeyGen：HTML/脚本自动渲染高质量视频 · Remotion：专业级视频动效和动画，效果直接拉满 2️⃣办公 & PPT狂魔 · Presentations：给个主题，自动生成高质量PPT初稿+完整大纲 · Spreadsheets：复杂公式、图表、数据分析一气呵成 3️⃣内容 & 数据深度工具 · Documents：长文章提炼、总结、写PPT脚本 · BioRender：科研/医学图表，秒出专业科学插图 · Windsor ai：一键拉全网营销数据并自动分析 4️⃣自动化王炸 · Chrome：Codex直接操控浏览器，自动读网页、抓数据、填表 · Google Calendar：自动创建会议、管理日程，排会效率翻倍 安装方式：Codex App → 左侧「Plugins」→ 搜索名称直接安装（30秒搞定）

我有个朋友，做油管频道，从头到尾不露脸，基本全自动跑起来。你猜他上个月赚了多少？11833美元，到手。 他怎么干的呢？不搞情怀，不聊爱好——纯粹看哪个领域的RPM高就冲进去。RPM就是每千次播放能拿到的广告分成，说白了，哪块内容单价高他就做哪块。 更离谱的是他那一套工具，一个月才花25美金： · Claude写脚本、标题、标签那些，20刀 · ElevenLabs配音，入门版5刀 · 剪辑用剪映CapCut，免费 · 封面图Canva，也免费 · 视频素材去Pexels扒，还是免费 一个月下来，播放量39.7万次。他每周就花3个小时来维护。最绝的是啥？一个Claude提示词能干90%的活，包括： · 写全英文的口语化脚本 · 脚本里直接标好场景标签，方便后面匹配画面 · 顺带把视频时长、备选标题、封面的思路全给你生成好 他自己需要动脑子的地方只有一个——就是决定下一期做哪个选题。他说这才是真正决定这个频道能不能成的关键。 工具谁都会用，选题方向的本事才值钱。

这家伙实现了一个无人出镜 YouTube 频道的自动化运营，上个月赚了 11,833 美元。他不是根据兴趣，而是根据 RPM（每千次展示收益）来选择领域。整套工具链成本仅为 25 美元： > Claude - 脚本 + 元数据（20 美元/月） > ElevenLabs - 配音（5 美元/月入门版） > CapCut - 剪辑（免费） > Canva - 封面图（免费） > Pexels - 素材库（免费） 每月 39.7 万次播放，每周仅需 3 小时维护。一个 Claude 提示词就能完成 90% 的工作： > 全英文口语化脚本 > 脚本内嵌视觉场景标签 > 视频时长、标题变体、封面构思 唯一需要手动操作的步骤是决定下一期做哪个视频，这才是频道成败的关键所在。

如何每天赚 $500，只需要你有这三样： 1. 一台电脑 2. Wi-Fi 3. 时间 下面是 10 个超级实用的 Claude 提示词，直接复制就能用，帮你把任意技能快速转化为被动收入产品（数字产品、课程、模板等）。 Prompt 1：从一个技能中挖掘可盈利的被动收入点 「扮演一名数字产品策略师。我的技能是 [skill]，我的经验水平是 [beginner/intermediate/expert]，目标受众是 [audience]。给我 15 个可以基于这个技能打造的被动收入产品点子。每个点子需要包含：产品是什么、谁会买、解决什么问题、制作难度、上线速度、最适合的销售平台。并按『最容易赚钱 → 长期潜力最高』排序。」 Prompt 2：把一个技能转化为适合新手的数字产品 「帮我把 [skill] 转化为简单易做的数字产品，目标用户是 [audience]。给我 10 个不需要复杂技术的产品方案，优先使用 Google Docs、Canva、Notion 或表格等工具完成。每个方案包含：产品名称、形式、价格区间、制作步骤，以及为什么有人会买。」 Prompt 3：设计从低价到高价的产品阶梯 「扮演产品体系专家。我的技能是 [skill]，受众是 [audience]。帮我设计一个 4 层产品阶梯：低价、中价、高价数字产品和持续订阅。每一层都要自然承接下一层。每层需要说明：卖什么、价格区间、交付形式、用户类型，以及如何引导到下一个产品。」 Prompt 4：7 天内可以上线的最快产品 「我想用 [skill] 在 7 天内做一个被动收入产品。我每天能投入 [X] 小时，目标用户是 [audience]。给我 7 个可以快速完成的产品方案。每个方案包含：每日制作计划、所需工具、预计售价、难度评估，并标出最适合快速出单的最佳方案。」 Prompt 5：把技能匹配到真实需求 「我具备 [skill]，目标用户是 [audience]。列出这个人群正在主动解决的 15 个真实问题，并基于这些问题转化为被动收入产品点子。每个点子需包含：问题、产品方案、承诺的改变结果，以及用户购买动机。」 Prompt 6：验证哪些产品真的能卖钱 「扮演市场验证研究员。我想基于 [skill] 向 [audience] 售卖被动收入产品。给我 10 个产品点子，并从需求、紧迫性、制作难度、差异化、购买可能性这 5 个维度打分（1–10 分）。最后指出最有可能最快变现的 3 个产品，并解释原因。」 Prompt 7：从已有经验中挖掘产品 「我不想从 0 开始。帮我把已有的 [skill] 经验转化为产品。分析我经常做的事情、经常解释的问题、常用捷径、常见错误，以及已有的方法论。然后转化为 10 个被动收入产品，并附上产品形式、标题思路和目标用户。」 Prompt 8：生成完整产品大纲 「我想为 [audience] 做一个关于 [topic] 的 [product type]。帮我生成完整大纲，包括：产品标题、核心承诺、模块结构、每一部分内容、附加赠品、快速见效设计，以及最终交付形式。要求简单实用、值得付费，避免学术化。」 Prompt 9：给产品定一个合理价格 「我有一个产品点子：[product idea]，目标用户是 [audience]。对比低价、中价、高价三种定价策略。分别说明每个价格应该包含什么、吸引哪类用户、转化逻辑，以及优缺点。最后给出一个适合前期快速出单的推荐价格。」 Prompt 10：选择最适合的销售平台 「我想卖一个与 [skill] 相关的被动收入产品。请对比 Gumroad、Etsy、Payhip、Shopify、Notion 市场或自建网站等平台。结合我的产品类型 [product type]、用户 [audience] 和目标 [goal]，推荐最适合的平台，并说明原因，包括手续费、搭建难度、流量潜力和新手友好度。」