glimpseui
为脚本和AI Agent提供原生微UI的跨平台WebView窗口
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：glimpseui。 它的用途是：为脚本和AI Agent提供原生微UI的跨平台WebView窗口 完整的 Skill 内容见：https://321skill.com/skills/glimpseui/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我写一个Node.js脚本，使用GlimpseUI创建一个窗口，显示当前系统CPU使用率的实时曲线图。”，它会生成相应的代码，包括后端定时获取CPU数据并通过JSON发送给前端，以及前端用Chart.js绘制图表的HTML/JS部分。
介绍
GlimpseUI 解决了脚本、自动化工具和AI Agent在运行过程中缺乏轻量、原生、可交互用户界面的痛点。传统脚本通常只能在命令行输出文本，而GlimpseUI允许开发者快速创建一个带有WebView渲染引擎的原生系统窗口，通过双向JSON通信与后端逻辑（如Node.js脚本或AI Agent）进行数据交换，实现丰富的可视化交互。
使用方式非常直接，通过npm安装后，即可在Node.js脚本中引入。开发者可以定义HTML/CSS/JavaScript来构建前端界面，并通过内置的通信通道与后端脚本实时传递JSON数据，从而将任何脚本或AI逻辑轻松“包装”成一个带有图形界面的微型应用。
它非常适合需要为本地脚本、CLI工具、自动化流程或AI Agent（如Claude Desktop插件）添加临时性或轻量级可视化界面的开发者。无论是快速构建一个配置面板、一个进度监控器，还是一个简单的数据输入/输出窗口，GlimpseUI都能派上用场。
使用建议是，将其视为一个“胶水”层，用于连接强大的后端逻辑与轻便的前端展示。需要注意，它并非用于构建复杂的生产级桌面应用，其窗口是轻量且无状态的，适合工具类、辅助类场景。通信基于JSON，确保数据序列化简便，但也限制了传输二进制数据等复杂类型。
核心特点
与Electron等重型框架不同，GlimpseUI极度轻量，专为脚本和Agent场景设计，开箱即用；其核心优势在于提供了脚本与原生WebView窗口之间极简、双向的JSON通信通道，无需复杂配置即可实现前后端交互。
注意事项
不适合构建需要复杂窗口管理、多进程架构或大量原生功能集成的完整桌面应用程序。
常见问题
GlimpseUI 和 Electron 有什么区别？
GlimpseUI更轻量，专为快速给脚本加UI，而非构建完整应用；Electron则功能全面但更重。
支持哪些平台？
支持跨平台，包括Windows、macOS和Linux。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/glimpseui/raw/index.md 读取 glimpseui 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/glimpseui/raw/index.md（查看排版版本）