爱意满满的作品展示区。
vector4wang

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

  •  
  •   vector4wang · 5 days ago · 1182 views

    各位 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 无法调用
    • 不收集任何数据

    链接

    最后

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

    如果觉得有用,欢迎 Star 。

    2 replies    2026-06-20 09:25:07 +08:00
    zisen
        1
    zisen  
       4 days ago
    不错👍
    vector4wang
        2
    vector4wang  
    OP
       3 days ago
    兄弟们,燥起来
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1497 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 16:45 · PVG 00:45 · LAX 09:45 · JFK 12:45
    ♥ Do have faith in what you're doing.