在酒店有试用了一下 Framery Smart Pod。椅子和桌子的高度可调，灯光可调，通风良好，完全隔音。坐进去万籁俱静。好喜欢。下次买房，在家里不搞 home office 了，直接买一个 Pod。

付费之前，先把这份完全免费的 AI 工具清单收好。 聊天用 ChatGPT，查资料用 Perplexity，写文案靠 Claude，做 PPT 交给 Gamma。 建网站用 Framer，剪视频用 Runway，整理笔记靠 Notion AI，翻译用 DeepL。 记会议用 Notta，做幻灯片靠 Gamma，管任务用 Notion AI，语音转文字用 Whisper。 做封面用 Canva AI，语音合成靠 ElevenLabs，画思维导图用 GitMind。 生成图片选 Adobe Firefly 或 Midjourney，写代码用 Cursor 和 Claude Code，做音乐靠 Suno AI。 聚合资讯用 Genspark。 每天花 10 分钟，就有机会挤进顶尖的那 5% 🙌 关键就一句话：是驾驭 AI 还是被 AI 驾驭，全看自己下多大决心。

俄罗斯核燃棒由德国制造？ 俄罗斯设计的核燃料棒将在德国生产，提供给东欧国家的核电站使用。这家位于德国的工厂其实是法国法马通（Framatome）的子公司。#DWBusiness# #DW中文#

Every 出了一个 All Access 计划，500刀一年，包含了 ChatGPT 额度+会员、Claude Max、Cursor、Notion、PostHog、Framer 等服务，还有 Every 自家的文章、播客和 app 啥的

⚡ 又发现一个前端动画神器，几行代码就能让网页元素丝滑动起来，还能跑满 120 帧。 GitHub 狂揽 32.5k star，它的前身就是大名鼎鼎的 Framer Motion，现在改名 Motion，连 Vue 也一起支持了。 有了他，前端再也不用手写一堆 CSS keyframes 和 transition，缓动曲线调到头秃。 一句 就搞定网页入场动画、手势反馈滚动联动，弹簧动画、布局过渡。 它把 JS 的灵活和浏览器原生 API 拼在一起，动画走 GPU 加速，所以才跑得动 120 帧不卡顿。 部署也很简单，npm install motion 就能用。 GitHub：

6 个 AI 建站工具，一句话描述就给你生成能上线的网站。 1、v0 — Vercel 出的，你用大白话说想要什么页面，它直接生成 React 代码和界面，还能一键部署上线。 2、Lovable — 对着聊天框描述一个完整应用，它把前后端一起搭好，不写代码也能做出能用的产品。 3、 — StackBlitz 出的，浏览器里直接生成并运行全栈项目，改完当场预览，不用配环境。 4、Framer — 设计师最爱，AI 生成加可视化拖拽做出高质感落地页，做作品集和产品官网很快。 5、Durable — 号称 30 秒生成一个带文案和配图的商业网站，特别适合小店、自由职业者快速上线。 6、Replit — 用 Agent 帮你从零把想法写成能跑的应用，还自带托管，写完直接有一个网址。

有人用 Fable 5 搭了一个超级 Nice 的网站，平滑滚动、动画、过渡，全用 Fable 5 完成。 我试了一下，流程也不复杂： 1. 先去 Mobbin 或 Godly 找个你喜欢的网站风格，截图下来。 2. 去 Aceternity UI 或者 Magic UI 拖那些现成的动画块（滚动揭示、视差、渐变） 3. 把步骤 1 的截图和步骤 2 的组件引用放进去，告诉 Fable 5 你要哪些部分以及滚动行为，让它先规划再动手 4. 动画工具选择 首选 GSAP + ScrollTrigger：适合复杂视差、pin、scrub 动画 备选 Framer Motion：React 组件内用 whileInView + variants 更快，适合简单 reveal 5. 细化迭代。这一步就是根据你自己的感受继续去改善。比如说我自己的“Hero 的视差太快，把背景移动幅度减半”

推荐 @MengTo 为设计师和开发者们开源的 Skills MengTo 是 @designcodeio 和 创始人，在设计和开发结合方面有非常深的积累，他的分享必须关注起来，这个开源项目把设计指令、工作流、风格系统、抓取与调试经验都沉淀成了「四大类、75 个 Skills」 1. Codex workflows - 10 个 可复用的 Agent 操作流程（抓取、转 prompt、性能剖析、内容生产） video-to-superprompt、stitched-full-page-capture、html-to-interaction-prompts、daily-ui-inspiration-capture、optimize-web-animations、performance-profiling 2. Media - 2 个 按用途/裁切/比例挑选高质量图片素材 aura-asset-images、unsplash-asset-images 3. UI - 1 个 “像设计系统一样写 prompt”的方法论 design-first-ui-prompting 4. Web design - 62 个 落地页结构、动效系统、WebGL/3D、CSS 处理、布局系统、视觉风格 landing-page、pricing-page、gsap、threejs、tailwindcss、animation-on-scroll、globe-gl、cobejs、vantajs、progressive-blur、css-border-gradient、各种 dark/glass/skeuomorphic 风格包 ... 旗舰工作流：从参考视频到一键 HTML 1. video-to-superprompt —— 输入一段参考视频（设计稿/落地页/动画录屏），用 ffprobe+ffmpeg 抽帧，按“故事 / 布局 / 运动 / 视觉 / 技术重建 / 可访问性”六层分析，输出一个长到不看原视频也能重建的 paste-ready prompt，明确点名 GSAP ScrollTrigger、Lenis、Three.js、video.currentTime scrubbing 等具体机制。 2. html-to-interaction-prompts —— 把已有 HTML 页面（如 Aura Build 产物）拆成“单段/单动画/单按钮/单 hover/单 WebGL 效果”的可复用 prompt 文章。 3. stitched-full-page-capture —— 解决 Framer 等懒加载/滚动动画站点 fullPage 截图发白的痛点：滚动预热 → 视口分步截图 → 垂直拼接 → 用拼接图重切 section crop，并写回 manifest。配套 Playwright + ffmpeg 脚本。 4. daily-ui-inspiration-capture —— 把“浏览 + 抓取 + 参考研究 + prompt 生成”组合成每日自动循环，产出 prompt pack。 两个值得细读的 Skill 范式 1. design-first-ui-prompting 给出了一套固定 prompt 骨架：GOAL → FORMAT → LAYOUT → TYPE SYSTEM → COLOR+MATERIAL → IMAGERY → COPY → CONSTRAINTS → NEGATIVE PROMPT，并强调三个关键技巧： · “Variants > rerolls”：先锁定布局+层级+文案，再每次只改一个变量（角度/强调色/卡片排布/背景调子）。 · 2-pass 字体工作流：模型常拼错字时，先无字生成留出文字安全区，再回 Figma 排版。 · Constraints card：用 FONT / STYLE / MODE 三行小面板像 mini style guide 一样锚定输出。 2. landing-page 则示范了一个“设计 + 转化 + SEO”三合一 SOP：先收集页面目的/受众/证据/约束，再给核心结构（首屏 5 要素 → 中段论证 → 底部异议处理），列出 4 种布局选型、6 条高转化策略、headline/CTA 文案模板、逐节迭代顺序、SEO/AEO 清单和常见坑——典型地体现了“Skill = 操作规程”的写法。