{"version":"https://jsonfeed.org/version/1.1","title":"untitled","home_page_url":"https://elliot-personal-site-cms.hqy841440305.workers.dev","feed_url":"https://cms.elliothu.me/json/","description":"","icon":"https://cms.elliothu.me/assets/default/channel-image.png","favicon":"https://cms.elliothu.me/assets/default/channel-image.png","language":"en-us","items":[{"id":"fHGFF8132TI","title":"把我的猫咪做成护眼 APP！","url":"https://cms.elliothu.me/i/%E6%8A%8A%E6%88%91%E7%9A%84%E7%8C%AB%E5%92%AA%E5%81%9A%E6%88%90%E6%8A%A4%E7%9C%BC-app/","content_html":"<p>最近 X 上一个日本开发者把自家猫咪做成了护眼时钟 Chrome 插件，叫 Cat Gatekeeper，超级可爱！</p>\n<p>但是这个插件只能在浏览器里用，而且不能替换猫咪形象，于是博主自己动手做一个，把我家的小毛球做成了 App。</p>\n<p>当你连续看屏幕太久，猫猫就会走进屏幕里开始倒计时，温柔但坚定地挡住，提醒你该休息一下眼睛了。</p>\n<p>成品 App 已经开源，Mac 和 Windows 都支持，GitHub 即可下载。如果大家想把自己家的宝宝形象放进去，接下来是教程，只需要四步。</p>\n<figure><img src=\"https://static.elliothu.me/production/images/item-25b726cd85d6b4dcea0209e37800d736.png\" alt=\"Cat Gatekeeper 与 Kitty Screen 效果示例\"><figcaption>原版浏览器插件和 Kitty Screen 的效果示例</figcaption></figure>\n<h2>第一步：准备猫咪参考照片</h2>\n<p>先收集清晰、高分辨率的猫咪照片。图片模型需要足够多的视觉信息，才能在每一帧里稳定保持同一只猫身份。</p>\n<p>建议准备这些照片：</p>\n<ul><li>正脸高清近照</li><li>左右侧脸</li><li>全身站立或行走姿态</li><li>坐姿</li><li>躺姿或放松姿态</li><li>能看清毛色、花纹、爪子、尾巴、眼睛、耳朵形状和毛发长度的细节图</li></ul>\n<p>参考图里尽量只出现一只猫。避免使用有其他动物、复杂背景、重滤镜、服装或极端光照的照片。如果你的猫有明显花纹，至少准备一张能清楚看到这些花纹的图。</p>\n<figure><img src=\"https://static.elliothu.me/production/images/item-77054ab1221375fe52f45645d5333ef9.png\" alt=\"猫咪参考照片示例\"><figcaption>用于保持猫咪身份一致的参考照片</figcaption></figure>\n<h2>第二步：生成绿幕关键帧</h2>\n<p>使用支持参考图生图的模型，生成一组按编号排列的关键帧。目标是让你的猫按照项目内置示例动作走位，同时保持自己的外观。</p>\n<p>每张图都应该使用纯绿幕背景。保持背景干净，不要地面、阴影、渐变、道具、文字、UI、家具、房间背景或其他动物。背景越纯，后续 FFmpeg 抠像越稳定。</p>\n<p>可以直接从 GitHub 里的 prompt 开始改。替换猫咪形象描述时要写清楚你猫的特征，但动作、构图和绿幕约束尽量保持严格。</p>\n<p>博主这里用的是 Lynx Agent 生成的。</p>\n<figure><img src=\"https://static.elliothu.me/production/images/item-2db9026c38775d639b5e02ba6a6bacbb.png\" alt=\"使用 Lynx Agent 生成猫咪绿幕关键帧\"><figcaption>Lynx Agent 中的关键帧生成任务</figcaption></figure>\n<h2>第三步：生成入场视频和循环视频</h2>\n<p>使用支持首帧、尾帧或有序关键帧控制的视频生成工具。把关键帧按编号顺序上传，生成一段连续的绿幕猫咪动画。博主这里用的是可灵。</p>\n<p>建议视频设置：</p>\n<ul><li>16:9 输出</li><li>镜头固定</li><li>全程保持同一只猫的形象</li><li>全程保持均匀的 <code>#00ff00</code> 绿幕背景</li><li>动作节奏是缓慢入画、停下，最后稳定挡住屏幕</li><li>不要镜头缩放、平移、俯仰、跟随、房间背景、道具、文字、UI、阴影或第二只动物</li></ul>\n<p>最终导出两段视频：</p>\n<ul><li>第一段是完整入场动画，应该包含猫咪进入画面、移动到目标位置并稳定挡住屏幕的过程。</li><li>第二段保留轻微动作，比如呼吸、眨眼或小幅尾巴动作。这样屏保持续显示时不会一直重复完整入场动画。</li></ul>\n<figure><img src=\"https://static.elliothu.me/production/images/item-fc6276de21ab7f10a3d15b23a5f43b94.png\" alt=\"绿幕猫咪入场与循环视频示例\"><figcaption>猫咪绿幕视频生成要求</figcaption></figure>\n<h2>最后一步：放入 App</h2>\n<p>博主已经把所有步骤写成了脚本，支持一键导入并生成 App 需要的资源格式。</p>\n<p>按照 GitHub 里的 README.md，把生成视频放入项目，然后运行：</p>\n<pre><code>npm run videos</code></pre>\n<p>这个命令会运行生成脚本。它会读取绿幕视频文件，用 FFmpeg 去掉绿色背景、做绿色溢色处理、检查 alpha 通道，并输出 macOS 和 Windows 平台资源。</p>\n<p>如果你只在调某个平台，可以只生成单个平台：</p>\n<pre><code>npm run videos -- --platform macos\nnpm run videos -- --platform windows</code></pre>\n<p>然后再运行：</p>\n<pre><code>npm run app:build:mac\nnpm run app:build:windows</code></pre>\n<p>稍等片刻，即可拥有自己的小猫桌面。</p>\n<figure><img src=\"https://static.elliothu.me/production/images/item-308233da6aa553d5dc78ee6eadec2fe4.png\" alt=\"Kitty Screen 构建结果\"><figcaption>构建好的 macOS App</figcaption></figure>\n<h2>下载与源码</h2>\n<p>App 下载链接、所有源码、资源和用到的 prompts 全都开源在 GitHub，需要的友友自取，欢迎 Star：</p>\n<p><a href=\"https://github.com/elliothux/kitty-screen\">github.com/elliothux/kitty-screen</a></p>\n<p>本 App 的源码和用到的图片资源，都使用 Lynx Agent 生成。</p>\n<p>Lynx 是首个具备操作系统级上下文的 AI Agent，能够看见你的屏幕，理解你当前的工作环境，记住你的工作习惯。你不需要告诉它任何上下文，它就能自己主动完成工作。即将上线内测，感兴趣的友友可以蹲蹲。</p>\n<figure><img src=\"https://static.elliothu.me/production/images/item-c39e6f49bdaa33de55ea7d7142fdf09a.png\" alt=\"Kitty Screen GitHub 仓库\"><figcaption>项目源码与技术栈</figcaption></figure>\n<hr><p><a href=\"https://www.xiaohongshu.com/explore/69f592350000000023014086\">原始小红书笔记</a></p>","content_text":"最近 X 上一个日本开发者把自家猫咪做成了护眼时钟 Chrome 插件，叫 Cat Gatekeeper，超级可爱！\n\n但是这个插件只能在浏览器里用，而且不能替换猫咪形象，于是博主自己动手做一个，把我家的小毛球做成了 App。\n\n当你连续看屏幕太久，猫猫就会走进屏幕里开始倒计时，温柔但坚定地挡住，提醒你该休息一下眼睛了。\n\n成品 App 已经开源，Mac 和 Windows 都支持，GitHub 即可下载。如果大家想把自己家的宝宝形象放进去，接下来是教程，只需要四步。\n\n原版浏览器插件和 Kitty Screen 的效果示例\n第一步：准备猫咪参考照片\n\n先收集清晰、高分辨率的猫咪照片。图片模型需要足够多的视觉信息，才能在每一帧里稳定保持同一只猫身份。\n\n建议准备这些照片：\n\n正脸高清近照\n左右侧脸\n全身站立或行走姿态\n坐姿\n躺姿或放松姿态\n能看清毛色、花纹、爪子、尾巴、眼睛、耳朵形状和毛发长度的细节图\n\n参考图里尽量只出现一只猫。避免使用有其他动物、复杂背景、重滤镜、服装或极端光照的照片。如果你的猫有明显花纹，至少准备一张能清楚看到这些花纹的图。\n\n用于保持猫咪身份一致的参考照片\n第二步：生成绿幕关键帧\n\n使用支持参考图生图的模型，生成一组按编号排列的关键帧。目标是让你的猫按照项目内置示例动作走位，同时保持自己的外观。\n\n每张图都应该使用纯绿幕背景。保持背景干净，不要地面、阴影、渐变、道具、文字、UI、家具、房间背景或其他动物。背景越纯，后续 FFmpeg 抠像越稳定。\n\n可以直接从 GitHub 里的 prompt 开始改。替换猫咪形象描述时要写清楚你猫的特征，但动作、构图和绿幕约束尽量保持严格。\n\n博主这里用的是 Lynx Agent 生成的。\n\nLynx Agent 中的关键帧生成任务\n第三步：生成入场视频和循环视频\n\n使用支持首帧、尾帧或有序关键帧控制的视频生成工具。把关键帧按编号顺序上传，生成一段连续的绿幕猫咪动画。博主这里用的是可灵。\n\n建议视频设置：\n\n16:9 输出\n镜头固定\n全程保持同一只猫的形象\n全程保持均匀的 #00ff00 绿幕背景\n动作节奏是缓慢入画、停下，最后稳定挡住屏幕\n不要镜头缩放、平移、俯仰、跟随、房间背景、道具、文字、UI、阴影或第二只动物\n\n最终导出两段视频：\n\n第一段是完整入场动画，应该包含猫咪进入画面、移动到目标位置并稳定挡住屏幕的过程。\n第二段保留轻微动作，比如呼吸、眨眼或小幅尾巴动作。这样屏保持续显示时不会一直重复完整入场动画。\n\n猫咪绿幕视频生成要求\n最后一步：放入 App\n\n博主已经把所有步骤写成了脚本，支持一键导入并生成 App 需要的资源格式。\n\n按照 GitHub 里的 README.md，把生成视频放入项目，然后运行：\n\nnpm run videos\n这个命令会运行生成脚本。它会读取绿幕视频文件，用 FFmpeg 去掉绿色背景、做绿色溢色处理、检查 alpha 通道，并输出 macOS 和 Windows 平台资源。\n\n如果你只在调某个平台，可以只生成单个平台：\n\nnpm run videos -- --platform macos\nnpm run videos -- --platform windows\n然后再运行：\n\nnpm run app:build:mac\nnpm run app:build:windows\n稍等片刻，即可拥有自己的小猫桌面。\n\n构建好的 macOS App\n下载与源码\n\nApp 下载链接、所有源码、资源和用到的 prompts 全都开源在 GitHub，需要的友友自取，欢迎 Star：\n\ngithub.com/elliothux/kitty-screen\n\n本 App 的源码和用到的图片资源，都使用 Lynx Agent 生成。\n\nLynx 是首个具备操作系统级上下文的 AI Agent，能够看见你的屏幕，理解你当前的工作环境，记住你的工作习惯。你不需要告诉它任何上下文，它就能自己主动完成工作。即将上线内测，感兴趣的友友可以蹲蹲。\n\n项目源码与技术栈\n原始小红书笔记","image":"https://static.elliothu.me/production/media/image-210eae61554eb862b5ff702590a6ab4c.png","date_published":"2026-05-02T05:57:09.000Z","date_modified":"2026-09-30T05:22:31.242Z","language":"zh-Hans","_microfeed":{"slug":"把我的猫咪做成护眼-app","web_url":"https://cms.elliothu.me/i/%E6%8A%8A%E6%88%91%E7%9A%84%E7%8C%AB%E5%92%AA%E5%81%9A%E6%88%90%E6%8A%A4%E7%9C%BC-app/","json_url":"https://cms.elliothu.me/i/fHGFF8132TI/json/","rss_url":"https://cms.elliothu.me/i/fHGFF8132TI/rss/","guid":"fHGFF8132TI","status":"published","date_published_short":"Sat May 02 2026","date_published_ms":1777701429000}}],"_microfeed":{"publisher":{},"microfeed_version":"1.0.13","base_url":"https://cms.elliothu.me","categories":[],"subscribe_methods":[{"name":"RSS","type":"rss","url":"https://cms.elliothu.me/rss/","image":"https://cms.elliothu.me/assets/brands/subscribe/rss.png","enabled":true,"editable":false,"id":"dRUbO1ZtqDU"},{"name":"JSON","type":"json","url":"https://cms.elliothu.me/json/","image":"https://cms.elliothu.me/assets/brands/subscribe/json.png","enabled":true,"editable":false,"id":"gJeUy-adarl"}],"description_text":"","copyright":"©2026","itunes:type":"episodic","items_sort":"published_at","items_order":"desc"}}