g-sui
一个用Go语言编写、通过WebSocket实现实时更新的服务端渲染UI框架。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：g-sui。 它的用途是：一个用Go语言编写、通过WebSocket实现实时更新的服务端渲染UI框架。 完整的 Skill 内容见：https://321skill.com/skills/g-sui/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我用g-sui框架创建一个简单的用户仪表盘页面，包含一个标题、一个实时刷新的数据卡片和一个深色模式切换按钮。”，它会生成对应的Go代码，定义页面结构、数据绑定逻辑以及处理主题切换的WebSocket Action。
介绍
g-sui是一个创新的Go语言UI框架，旨在解决传统Web开发中前端框架复杂、前后端分离带来的通信和状态管理难题。它允许开发者完全在Go服务端构建UI组件树，并将其编译为纯JavaScript代码直接发送给浏览器执行，无需HTML模板或JSON中间层，实现了真正的服务端驱动。
使用上，开发者通过Go代码定义页面结构和交互逻辑。用户操作（如点击）会通过WebSocket触发服务器端的Action处理器，服务器计算后返回用于更新DOM的JavaScript字符串指令，实现页面的局部更新。这种方式将复杂的UI状态和逻辑完全保留在服务端。
它非常适合熟悉Go语言、希望简化前端技术栈或构建高交互性实时应用的全栈或后端开发者。对于需要快速构建内部工具、管理后台或实时数据看板的团队，g-sui能显著降低开发复杂度和维护成本。
需要注意的是，由于重度依赖WebSocket且UI逻辑在服务端，它不适合对SEO有极高要求的公开内容型网站。此外，其架构要求开发者适应“服务端主导UI更新”的思维模式，与主流前后端分离开发范式有所不同。
核心特点
与同类服务端渲染方案不同，g-sui完全摒弃了HTML模板和JSON，直接将Go组件树编译为执行`document.createElement`的原始JS代码，实现了最纯粹的服务端驱动。同时，其实时交互完全基于WebSocket，服务器响应的是直接操作DOM的JS指令字符串，而非数据，客户端无需任何框架。
注意事项
不适合对搜索引擎优化（SEO）有强需求的公开内容网站，因为初始渲染的HTML内容极少，主要依赖JS构建。
常见问题
g-sui需要在前端写JavaScript吗？
几乎不需要。UI由Go代码定义，交互逻辑在服务端处理，仅通过WebSocket向浏览器发送用于更新DOM的JS指令字符串。
g-sui适合开发什么类型的应用？
非常适合开发实时数据仪表盘、管理后台、内部工具等高交互性、对实时性要求高的应用。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/g-sui/raw/index.md 读取 g-sui 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/g-sui/raw/index.md（查看排版版本）