[分享] 把 iPhone 的 AI 边缘流光效果带到了 Mac 上

vector4wang 2026-06-19 00:35 1

各位 V 友好,


周末做了个小工具 —— EdgeGlow


起因


iPhone 的 Apple Intelligence 工作时,屏幕边缘会有超绚丽的虹光效果(紫→蓝→青→粉→橙→金渐变)。


这个效果太酷了,但只在 iPhone 上有。


所以我把它带到了 Mac 上 —— EdgeGlow,当 Claude Code 思考时,你的屏幕边缘会出现和 iPhone 一样的流光效果。


效果


EdgeGlow 效果


渲染不了的话,自己打开看吧 https://github.com/vector4wang/EdgeGlow/blob/main/Resources/demo.gif



  • 🟢 AI 思考中 → 流光沿屏幕边缘旋转(紫→蓝→青→粉→橙→金)

  • 🔴 完成/等待 → 流光 1.5s 淡出消失


技术栈


纯 Swift + SwiftUI ,无第三方依赖



  • CAShapeLayer + CIGaussianBlur 四层光效模拟霓虹灯

  • Timer 驱动 lineDashPhase 动画(不依赖 Core Animation ,更可靠)

  • NWListener HTTP 服务器(仅 127.0.0.1 )

  • 引用计数支持多终端同时工作


特性



  • 5 种颜色主题(虹彩、炫酷、柔和、烈焰、冰雪)

  • ✨ 虹彩主题完美复刻 iPhone Apple Intelligence 边缘流光,20 段渐变着色

  • 跑马灯 + 呼吸灯双模式

  • 多显示器支持(自动适配屏幕变化)

  • 完全可定制(速度、宽度、亮度、方向)

  • 中英双语

  • ~0% CPU, ~50MB 内存

  • 只有 892KB

  • Universal Binary ( arm64 + x86_64 )


配置方式


打开设置 → 配置 Agent Hooks → 复制引导词 → 发给 Claude Code → 自动配置完成。


或者手动在 ~/.claude/settings.json 添加 hooks 配置。


安全考虑



  • HTTP 服务仅绑定 127.0.0.1 (acceptLocalOnly

  • 仅接受 GET 请求

  • 无 CORS 头,网页 JS 无法调用

  • 不收集任何数据


链接



  • GitHub: https://github.com/vector4wang/EdgeGlow

  • 下载: https://github.com/vector4wang/EdgeGlow/releases

  • 协议: MIT

  • 系统: macOS 13.0+ (Ventura)


最后


第一个 macOS 应用,代码质量一般,欢迎提意见。


如果觉得有用,欢迎 Star 。

最新回复 (2)
  • zisen 06-19 12:58
    1
    不错👍
  • vector4wang 楼主 06-20 09:25
    2
    兄弟们,燥起来
* 帖子来源V2EX
返回