HTML 做 PPT 与社交媒体卡片生成器
作者 Leo Xiang 乘着“HTML 做 PPT”的热潮，开发了一款“好看卡片”生成器。该工具支持一键生成小红书、即刻、X 等平台的社交媒体卡片，提供 11 个主题及 8000+ 设计语言组合，并包含信息图效果。
相关文档
做前端 Vibe Coding，先看懂这 12 个网页基础术语
本文面向非计算机专业的 Vibe Coding 爱好者，整理了 12 个前端网页基础术语，包括 Frontend、HTML、CSS、Markdown、Component、State、DOM、Title Tag、Page Metadata、Favicon、Open Graph 和 Web App Manifest。每个术语都配有通俗解释、图示和可直接复制给 AI 的指令示例，帮助读者在与 AI 协作时更精准地描述需求、定位问题，提升开发效率。
Opus 5.5 的 20 种开源技能
作者整理了 20 种与动画、物理、3D、声音及交付相关的开源技能与工具库，涵盖 Remotion、HyperFrames、Anime.js、React Spring、PixiJS、p5.js、Paper.js、Matter.js、Three.js、Rapier、OGL、tsParticles、glTF Transform、GL Transitions、OBS Studio、Chatterbox、Tone.js、faster-whisper、OpenCut 和 FFmpeg。每个工具附有简介和 GitHub 链接，覆盖从视频渲染、动画编排、图形绘制到配音、字幕转录和视频编码交付的完整创作流程。
Codex 终于有自己的 UIUX 设计外挂了
文章介绍了 Codex 的 UI/UX 设计增强工具 UI UX Pro Max，包含 192 条行业设计规则、79 种 UI 风格、192 套配色方案、74 种字体组合，并支持 React、Next.js、Vue、Flutter 等 22 种技术栈。作者演示了如何通过一段提示词在 Codex 中安装配置该 Skill，并用其生成高端 AI SaaS 官网，解决了以往 AI 生成页面廉价感强、配色布局千篇一律的问题。评论区也讨论了 Skill 作为能力封装新形态的意义与实际效果。
Skills 又燃爆了
文章盘点了近期爆火的 5 个 Agent Skills 开源项目：Google Android 官方的安卓开发技能包 android/skills、K-Dense 的 177 项覆盖多学科的 AI 科学家技能库、rehan-remade 的万能游戏 Mod 工具、QingYunA 的一页式 HTML 回答方案，以及 oil-oil 的 UI 设计师技能。这些项目展示了 Skills 生态的爆发：官方下场教 AI 写安卓、Agent 变身科研专家、一句话改游戏、答案自带排版、AI 具备审美能力，标志着 Agent Skills 正成为下一代 AI 能力扩展标准。
Codex-OpenPencil 快速上手篇
本文是 Codex-OpenPencil 插件的快速上手教程，以设计一个服装购物 APP 为例，完整演示从安装、打开画布、确认风格、扩展页面、选中元素口喷修改，到图片生成与搜索、保存设计资产，再到设计稿转代码的全流程。插件免费开源，提供支持平移缩放的无限画布，Codex 负责理解需求并调用工具，OpenPencil 负责设计展示与编辑，可 100% 还原生成 HTML、Vue、React、SwiftUI 等框架代码。文章还介绍了看板、教程图、对比图、PPT 等其他应用场景及常见问题处理方法。
How I Turn Any Question Into a Machine You Can Run
作者介绍了一个免费 Claude Code skill——anatomy（作者 wheresryan22，MIT 许可），可以把任意问题变成一个可交互的『机器』教学页面：一个独立的 HTML 页面，包含真实的机器模型、按步骤点击的按钮、展示内部工作原理的剖视窗口、由真实模型驱动的实时数字仪表、每步提示和拟声词。文章以意式咖啡机如何产生 9 bar 压力为例，详细给出安装、构建提示词、可读性优化、儿童绘本风格样式和自动化质检等 6 个步骤及全部提示词，特别适合向孩子解释机械原理。
把照片压进纸里：开源小工具「纸痕」
作者将此前「盲压浮雕」AI绘画概念做成无需AI的开源网页小工具「纸痕·盲压浮雕工坊」。导入照片后，工具可去除原色，通过亮边和阴影模拟纸面压痕浮雕效果，用户可调整纸色、压痕深浅、细节简化、侧光方向和纸纹，支持凸/凹切换和多种裁切比例，导出最高3200像素PNG。照片在浏览器本地处理，不上传服务器，无需登录和API，采用MIT许可证开源，适合制作人像配图、宠物纪念卡、壁纸等视觉素材。
【Muse实战】X 流量作战室搭建保姆级教程 - 拥有你自己的运营团队
本文介绍如何基于 Muse 搭建一套 X 平台自动化流量作战室。作者设计了六个独立飞书应用扮演的"员工"角色：数据观察员、账号体检员、复盘分析师、选题策划、内容质检和超级写手，形成自动化的热点监测与内容生产流水线。系统包含每日 8 点运行的主链路日报（扫描、选题、质检、写稿）、每 3 小时一次的突发热点巡逻、周月复盘以及风格档案养成等功能。数据源来自 xbangdan 榜单接口，无需登录和模型 token。文章提供完整脚本工程地址，适合非开发人员跟着教程搭建，实现 7×24 小时无人值守的内容运营团队。
8 个提升 UI/Web 设计审美的灵感网站
文章推荐了 8 个适合 UI/Web 设计师收藏的灵感网站：getlayers.ai 提供 3D 场景与渐变背景素材，supahero.io 专注 Hero Section 参考，cta.gallery 研究按钮与 CTA 设计，loadmo.re 收集冲击力强的移动端网站，60fps.design 精选微交互与网页动画，recent.design 每日更新最新设计趋势，posts.design 提供社交媒体视觉参考，navbar.gallery 专注导航栏设计。作者还分享了个人工作流程：找参考、拆视觉、拆动效、AI 生成，最后用 Codex 实现落地。
Rico MD 更新：新增 7 套公众号排版，接入 gzh-design-skill 主题体系
作者介绍了其公众号 Markdown 编辑器 Rico MD 的一次重大更新：接入开源排版 SKILL「gzh-design-skill」的主题体系，新增 7 套公众号排版主题（如摸鱼绿、红白色系、石墨极简风等），支持自定义封面模板字段、文末互动卡、文档与图片打包导出、标题正文行高间距自定义等功能。文章还说明了主题版权与 AGPL-3.0 许可处理方式，以及适配中舍弃的部分。该工具支持左侧 Markdown 编辑、右侧实时预览、一键复制到公众号后台，在线版与开源仓库均已提供。
Remotion小白裁缝秘诀Ⅰ：组件和案例演示
本文是Remotion入门系列的第一篇，介绍基于React的视频制作工具Remotion及其常用组件。作者整理了十个官方动态案例，包括旋转文字轮、文字高亮、画中画转场、柱状图、地图飞行、胶囊字幕、示波器、屏幕消息、旋转卡片和液态轮廓，说明各自适用场景。文章还推荐了Remotion Elements、RenderComp Free、RemotionUI、Remocn、snapcn等资源站点，帮助读者通过代码控制视频效果，更顺畅地与AI协作制作产品演示和口播动画。
起底美国大豆包：我看看谁还喷Gemini
作者基于几个月的实际使用体验，为Google Gemini正名，介绍了三个好用的工具：网页版Gemini速度极快、多模态能力强，适合处理长PDF、长视频等海量内容，回答风格自然有人味；Antigravity改版为Agent终端后掌控感下降，但前端交互和多模态理解依然出色；NotebookLM被作者誉为封神的第二大脑，可聚合各类资料建立个人知识库，无幻觉输出，还能生成PPT报告、知识导览图，以及将专业文档转为双人访谈播客，极大提升学习和工作效率。作者最后给出了三工具的日常使用搭配建议。
