描述
LanguageGUI 是一个专为大型语言模型 (LLM) 定制的开源 UI 工具包和设计系统。其主要目的是通过提供将 LLM 文本输出格式化为更复杂、更用户友好的图形界面的工具，来赋能开发者和设计师。该工具包旨在弥合原始 LLM 回复与引人入胜的对话式 AI 体验之间的差距。
LanguageGUI 由 Tonki Labs 开发，Mauro Sicard 和 Miguel Joya 做出了主要贡献，它提供了一套全面的预构建 UI 组件和可自定义屏幕。它包含 100 多个 UI 组件、10 多个对话式 UI 小部件、20 多个聊天气泡以及 30 多个预构建屏幕，以帮助用户启动他们的设计过程。此外，它还提供了 5 多个具有可自定义设置和多提示工作流程设计的聊天侧边栏，以及 8 多个提示框。该工具包还包括暗模式选项，并使用 Figma 的自动布局、变量和样式构建，以增强灵活性和易用性。
LanguageGUI 并非作为最终产品呈现，而是作为对为所有用户创建更好的对话式 AI 界面的更广泛目标的贡献。该项目在 MIT 许可下发布，允许个人和商业项目免费使用，无需署名。尽管曾对将 LLM 回复转换为兼容 JSON 格式以进行实时渲染进行过内部测试，但由于大量的时间投入和各个开发者的定制实现需求，团队决定目前不构建代码库。然而，如果社区有足够的支持和兴趣，他们愿意重新考虑这一点。
Tonki Labs 计划在 2024 年全年发布十二个独特的开源 AI 项目，每月一个。LanguageGUI 是这些项目中的第一个。欢迎用户订阅他们的时事通讯，以随时了解未来的发布信息。该项目强调透明度和社区贡献，旨在促进 AI 界面设计领域的创新。
LanguageGUI的核心功能
LLM 的开源 UI 工具包
Figma 设计系统
100+ 个 UI 组件
10+ 个对话式 UI 小部件
20+ 个聊天气泡
30+ 个预构建屏幕
5+ 个可自定义聊天侧边栏
多提示工作流程屏幕设计
8+ 个提示框
包含暗模式
使用 Figma 自动布局设计
使用变量和样式
如何使用 LanguageGUI？
浏览组件：浏览广泛的 UI 元素和组件库。
自定义屏幕：利用 30 多个预构建屏幕作为设计起点。
集成聊天元素：将聊天气泡、侧边栏和提示框集成到您的界面中。
应用样式：利用 Figma 变量和样式实现一致的主题和品牌。
适应 LLM：将 LLM 文本输出格式化以适应设计好的 UI 组件。
开发界面：为对话式 AI 应用程序构建更丰富的图形用户界面。
LanguageGUI的使用案例
- 聊天机器人界面
- AI 助手 UI
- LLM 应用设计
- 对话式 AI
- 原型设计 AI 工具
