Morry.AI

最近发现一个专门去除网页「AI 味」的开源 Skill：unslop。 如果你有制作网页的需求，但又不太懂设计，这个 Skill 值得试试。 它不是简单地让 AI 重新设计网页，而是把设计优化变成一套有明确步骤的工作流。 —— 整个过程分为 3 步： ① 先找问题 检查网页中的渐变色、字体、间距、图标、文案和布局等，找出常见的 AI 设计问题，并给出修改建议。 ② 确定设计方向 结合产品定位和目标用户，提出优化方案。如果已有品牌色、Logo 或视觉规则，也可以要求保留。 ③ 逐步修改网页 确认方向后，再依次优化颜色、字体、布局和视觉细节，而不是直接推倒重做。 如果原来的设计已经不…

找到一个开源视频动效库：motion-prompt。 收录了 168 种动画效果，包含文字动画、镜头运动、UI 交互、网页动效等。 每种效果都可以在线预览，还提供对应的 AI 提示词和实现参考。 测试了一下，效果确实不错。 下面这个动效视频，就是我结合 motion-prompt 和 HyperFrames Skill 制作的。 motion-prompt 本身不是动画生成器，而是一个动效参考库。 —— 主要有 2 种使用方式： 01｜直接使用在线 Gallery 这是最简单的方式，不需要安装 Skill。 操作只需要 3 步： ① 打开在线 Gallery，找到喜欢的动…

找到一个制作视频的 AI 开源项目：HyperFrames。 已获得 7.5 万 Stars。 它的思路和传统 AI 视频生成工具不太一样。 不是输入一句提示词，让模型直接生成一段视频，而是让 AI 通过 HTML、CSS 等网页技术制作动态画面，再把这些画面渲染成视频。 简单理解： 你负责描述想要什么，AI 负责写代码制作动画，HyperFrames 负责把动画变成视频。 这让我想到一个很实用的方向： 以前我们用 AI 生成的流程图、信息图、数据图表，基本都是静态图片。 现在可以尝试让这些内容动起来。 对于内容创作者来说，我觉得至少有 3 个值得尝试的玩法。 01｜把静态信…

这个开源工具：course2md，可以说是学习神器了。 它可以把 YouTube、Bilibili 或本地视频，转换成带截图的 Markdown / HTML 学习笔记。 比如一段两小时的 AI 工具教程，可以直接实现： 从视频中提取画面 → 获取字幕 / 语音转写 → 生成图文笔记。 我用了一段时间，觉得这 3 个功能比较实用。 —— 01｜自动生成带截图的学习笔记 这是 course2md 最核心的功能。 它会分析视频中的画面变化，自动截取相应的画面，并把字幕或语音转写内容整理到截图下方。 比如一段讲解 AI 工具的教程： 讲到安装步骤时，保留对应的操作画面。 讲到功能介…

一个很实用的开源Skill：answer-me-with-html。 它可以把 AI 对复杂问题的文字回答，转换成一页清晰、直观的 HTML 可视化图解。 比如复杂知识、产品对比、操作流程，都可以尝试用图解代替大段文字。 最终生成的 HTML 页面可以直接在浏览器中查看。 我觉得最值得尝试的是下面 3 个场景： —— 01｜把复杂知识变成一页图解 例如： Agent、Skill、MCP 有什么区别？它们之间如何协作？ 让 AI 将三个概念整理成一张关系图，直接展示各自的作用和相互关系。 相比阅读几千字的解释，一张图更容易理清思路。 —— 02｜把产品对比变成可视化页面 …