Vue 终端UI框架
AI Skill Hub 强烈推荐：Vue 终端UI框架 是一款优质的Agent工作流。AI 综合评分 8.0 分，在同类工具中表现稳健。如果你正在寻找可靠的Agent工作流解决方案，这是一个值得深入了解的选择。
📚 深度解析
Vue 终端UI框架 工作流的设计遵循"最小配置，最大复用"原则：核心逻辑已经封装好，用户只需配置自己的 API Key 和业务参数即可快速上手。工作流内置错误处理和重试机制，在网络波动或 API 限速等情况下仍能稳定运行，适合作为生产环境的自动化基础设施。
在实际部署时，建议先在测试环境中运行 3-5 次，验证各个环节的输出结果符合预期，再部署到生产环境。AI Skill Hub 评分 8.0 分，是同类 Agent 工作流中的精选推荐。
📋 工具概览
Vue 终端UI框架 是一套完整的 AI Agent 自动化工作流方案。通过可视化的节点编排，将复杂的多步骤任务拆解为清晰的自动化流程，实现全程无人值守的智能处理。支持与数百种外部服务和 API 无缝集成，适合构建数据处理管线、业务自动化和 AI 辅助决策系统。
📖 中文文档
Vue 终端UI框架 是一套完整的 AI Agent 自动化工作流方案。通过可视化的节点编排，将复杂的多步骤任务拆解为清晰的自动化流程，实现全程无人值守的智能处理。支持与数百种外部服务和 API 无缝集成，适合构建数据处理管线、业务自动化和 AI 辅助决策系统。
- 可视化 Agent 工作流编排，无需编写复杂代码
- 支持多步骤自动化任务链，实现全流程无人值守
- 与外部 API、数据库和第三方服务无缝集成
- 内置错误处理与自动重试机制，保障稳定运行
- 提供可复用的自动化模板，快速在同类场景部署
- 自动化日常重复性工作，将精力集中于创造性任务
- 构建数据采集 → 处理 → 输出的完整自动化管线
- 实现跨平台、跨系统的数据流转和业务协同
# 方式一：npm 全局安装 npm install -g vue-tui # 方式二：npx 直接运行（无需安装） npx vue-tui --help # 方式三：项目依赖安装 npm install vue-tui # 方式四：从源码运行 git clone https://github.com/vuejs-ai/vue-tui cd vue-tui npm install npm start
- 访问 GitHub 仓库获取工作流文件
- 在对应平台（Dify / Flowise / Make 等）中找到「导入工作流」功能
- 上传工作流文件
- 按照提示配置必要的环境变量和 API Key
- 运行测试确认流程正常后投入使用
# 命令行使用
vue-tui --help
# 基本用法
vue-tui [options] <input>
# Node.js 代码中使用
const vue_tui = require('vue-tui');
const result = await vue_tui.run(options);
console.log(result);
# vue-tui 配置说明 # 查看配置选项 vue-tui --config-example > config.yml # 常见配置项 # output_dir: ./output # log_level: info # workers: 4 # 环境变量（覆盖配置文件） export VUE_TUI_CONFIG="/path/to/config.yml"
vue-tui
Public beta — the @vue-tui/runtime API is stabilizing toward 1.0; dev-mode HMR is still experimental. Bug reports welcome.
The Vue framework for terminal UIs. Build with components, develop with HMR, test with confidence.
<p align="center"> <a href="https://npmx.dev/@vue-tui/runtime"><img alt="@vue-tui/runtime npm version" src="https://img.shields.io/npm/v/@vue-tui/runtime?label=%40vue-tui%2Fruntime&color=42b883"></a> <a href="https://npmx.dev/@vue-tui/components"><img alt="@vue-tui/components npm version" src="https://img.shields.io/npm/v/@vue-tui/components?label=%40vue-tui%2Fcomponents&color=42b883"></a> <a href="https://npmx.dev/@vue-tui/vite"><img alt="@vue-tui/vite npm version" src="https://img.shields.io/npm/v/@vue-tui/vite?label=%40vue-tui%2Fvite&color=42b883"></a> <a href="https://npmx.dev/@vue-tui/testing"><img alt="@vue-tui/testing npm version" src="https://img.shields.io/npm/v/@vue-tui/testing?label=%40vue-tui%2Ftesting&color=42b883"></a> </p>
- Vue SFC & JSX — write terminal interfaces with
<template>, TSX, or both - Flexbox layout — powered by Yoga, the same engine behind React Native
- Dev toolkit (experimental) — HMR in the terminal via the
@vue-tui/viteplugin (npm run dev) - Input & focus — keyboard handling, focus management, Tab navigation, Kitty keyboard protocol
- Testing harness — out-of-the-box component-level terminal testing — render, simulate input, assert frames
<p align="center"> <a href="./examples/flappy-bird"><em>Flappy Bird</em></a> — one of the <a href="#examples">examples</a> included in the repo <br /><br /> <a href="./examples/flappy-bird"> <img src=".github/assets/flappy-bird-demo.gif" alt="Flappy Bird built with vue-tui" width="690" /> </a> </p>
Quick Start
There are two ways to use vue-tui — scaffold a full project, or drop the runtime into an existing one.
Examples
| Example | Description |
|---|---|
[basic-template](./examples/basic-template) | Vue SFC with <template> syntax |
[basic-jsx](./examples/basic-jsx) | Same app in TSX |
[coding-agent](./examples/coding-agent) | AI coding agent with LLM streaming and interactive UI |
[flappy-bird](./examples/flappy-bird) | Physics-based terminal game with reactive state and borders |
Packages
| Package | Description |
|---|---|
[@vue-tui/runtime](https://www.npmjs.com/package/@vue-tui/runtime) | The core framework — Vue 3 renderer for the terminal with components (Box, Text, Static, etc.), composables (useInput, useFocus, useApp, etc.), and yoga-based flexbox layout. _API stabilizing._ |
[@vue-tui/vite](https://www.npmjs.com/package/@vue-tui/vite) | Vite plugin — add vueTui() to vite.config.ts for an in-process terminal dev server with HMR (npm run dev) plus a production build (vite build). _Experimental; may change._ |
[@vue-tui/testing](https://www.npmjs.com/package/@vue-tui/testing) | Test harness — render in an isolated fake terminal, simulate input, assert output frame by frame |
[@vue-tui/components](https://www.npmjs.com/package/@vue-tui/components) | High-level components built on the runtime primitives — currently <Spinner> (animated loading), with more to come. |
Components
| Component | Description |
|---|---|
[<Box>](./packages/runtime) | Flexbox container — direction, wrap, align, justify, gap, padding, margin, borders, background |
[<Text>](./packages/runtime) | Styled text — color, bold, italic, underline, strikethrough, dimColor, wrap/truncate modes |
[<Spacer>](./packages/runtime) | Expands to fill available space (flex-grow: 1) |
[<Newline>](./packages/runtime) | Inserts line breaks (configurable count) |
[<Static>](./packages/runtime) | Renders a list of items once, above the redrawn region |
[<Transform>](./packages/runtime) | Applies a string transform function to each rendered line |
High-level Components
The @vue-tui/components package adds higher-level components composed from the runtime primitives — published separately from the core.
| Component | Description |
|---|---|
[<Spinner>](./packages/components) | Animated loading spinner — built-in dots/line presets or custom frames, optional label |
高质量的Vue终端UI框架，支持AI工作流
- 构建多智能体协作系统的 Agent 开发者
- Agent 任务先做 dry-run 验证工具调用链，再开启自主执行
- API key 直接提交到 git 仓库（请用 .env 并加入 .gitignore）
- CLI：直接 npm install -g / pip install，命令行调用
- 云端托管：可放在 Vercel / Railway / Fly.io 等 PaaS 平台
⚡ 核心功能
- 可视化 Agent 工作流编排，无需编写复杂代码
- 支持多步骤自动化任务链，实现全流程无人值守
- 与外部 API、数据库和第三方服务无缝集成
- 内置错误处理与自动重试机制，保障稳定运行
- 提供可复用的自动化模板，快速在同类场景部署
- 构建多智能体协作系统的 Agent 开发者
- Agent 任务先做 dry-run 验证工具调用链，再开启自主执行
- API key 直接提交到 git 仓库（请用 .env 并加入 .gitignore）
👥 适合人群
🎯 使用场景
- 自动化日常重复性工作，将精力集中于创造性任务
- 构建数据采集 → 处理 → 输出的完整自动化管线
- 实现跨平台、跨系统的数据流转和业务协同
⚖️ 优点与不足
- +大幅减少重复性人工操作
- +可视化流程，清晰直观
- +可扩展性强，支持复杂场景
- −未明确开源协议，商用场景需谨慎评估
- −初始配置和调试需投入一定时间
- −强依赖外部服务的稳定性
- −复杂场景需具备一定技术基础
该工具未明确声明开源协议，商业使用前请联系原作者确认授权范围，避免侵权风险。
AI Skill Hub 为第三方内容聚合平台，本页面信息基于公开数据整理，不对工具功能和质量作任何法律背书。
建议在沙箱或测试环境中充分验证后，再部署至生产环境，并做好必要的安全评估。
🔗 相关工具推荐
❓ 常见问题 FAQ
总体来看，Vue 终端UI框架 是一款质量优秀的Agent工作流，在同类工具中具备一定竞争力。AI Skill Hub 将持续追踪其更新动态，建议收藏备用，结合自身场景选择合适时机引入使用。
| 原始名称 | vue-tui |
| 原始描述 | 开源AI工作流：The Vue framework for terminal UIs. SFC & JSX, Yoga flexbox, HMR, and testing ou。⭐70 · TypeScript |
| Topics | vueterminaluitypescriptai |
| GitHub | https://github.com/vuejs-ai/vue-tui |
| 语言 | TypeScript |
收录时间：2026-05-29 · 更新时间：2026-05-30 · License：未公布 · AI Skill Hub 不对第三方内容的准确性作法律背书。