做了个 iPhone 小组件 maker：不用 Xcode，用 TypeScript 把点子放到主屏

大家好，我做了一个 iOS App ，叫 Await 。

它的出发点很简单：很多点子太小，不值得专门做成一个完整 App ，但如果能真的放到 iPhone 主屏上，又会变得挺有用。

比如我之前看到一张 ADHD Bingo 卡片：一个 5x5 的格子，每个格子是一件很小的日常任务，做完就点一下。它本来只是一张截图，但我觉得这不就是一个小组件该有的样子吗？

用 Codex + Await ，我大概一分半做出了一个可点击的基础版。再调几轮，加上手绘网格、荧光笔标记和每天零点重置，前后大概五分钟，就变成了一个真的可以放到主屏上的小组件。

Await 做的事情是：用 TypeScript 创建真实的 iPhone 小组件，不用打开 Xcode ，也不用自己配置 WidgetKit extension 。

大概工作流是：

把想法描述给 Cursor / Claude Code / Codex
让 AI 写出 TypeScript
把代码放进 Await
在 iPhone 上预览和调整
放到主屏上

它不是 web view ，也不是生成一张静态图片。Await 会把 TypeScript/TSX DSL 渲染成真实的小组件 view ，可以有状态、timeline 、intent 、网络请求、本地存储、文件、音乐、音频等能力。

另外我做了一个 custom panel 机制。代码里可以把一些参数标记成可调整项，比如文字、颜色、字号、开关、token 、数据源路径。Await 会在 App 里自动生成面板，而且面板和代码是同步的。

这个对 AI coding 很有用：AI 先搭结构，后面那些「颜色深一点」「字号大一号」「这个 token 换一下」之类的细节，就不用每次都让 AI 重写代码了。

我录了两个视频，能更直观看到它在 iPhone 上的效果：

当然，小组件不是完整 App ，WidgetKit 的限制还在：刷新频率、内存、长时间实时交互这些都不能乱来。Await 不是要把小组件变成完整 App ，而是想把这些限制之内的空间变得更容易创作。

App Store: https://apps.apple.com/app/id6755678187
Website: https://awaitwidget.com

想听听大家怎么看：

如果做一个真实 iPhone 小组件的成本足够低，你会想给自己做一个什么样的小组件？

mogita

5 月 25 日

基于 await 做了个能实时刷新的 Claude 套餐用量小组件，纯本机运行，除了 claude.ai 没有任何外部请求。这种直观又轻量的需求的确适合用小组件来实现。

我自己已经用了一段时间，还挺稳定，欢迎取用 https://github.com/mogita/await-agent-usage

安装方式：
- 进入 Releases 点开最新发布的 index.tsx ，拷贝里面的全部代码
- 在 await 里创建一个新的小组件，名称任意
- 将代码粘贴到小组件里

一次性授权设置：
- 用浏览器打开 https://claude.ai
- 登录状态下，找到 sessionKey cookie ，或以 sk-ant- 开头的 cookie 内容，拷贝完整的 session key
- 在 await 小组件里，滚动到下方 Database ，点开后，把 key 粘贴到 sessionKey 的值里

这样就配置完成了，可以在主屏乃至 macOS 桌面添加这个小组件。