devtools

vue-tui

The Vue framework for terminal UIs. SFC & JSX, Yoga flexbox, HMR, and testing out of the box.
366 stars10 forksTypeScriptUpdated 9/7/2026100% free · open source
What it does

Vue-tui is a framework for building terminal user interfaces with Vue, supporting single-file components, JSX, flexbox, hot module replacement, and testing.

When to use it
  • •Building a terminal-based application with a complex UI
  • •Creating a command-line tool with a user-friendly interface
  • •Developing a cross-platform terminal application with a modern UI framework
Ready-to-paste prompt
npm run dev && node example.js to see a sample Vue-tui application in action
Heads up: Make sure you have Node.js version 16 or higher installed, as Vue-tui requires it to function correctly
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/vue-tui && curl -fsSL https://workflowstacks.com/api/skills/vue-tui/claude-skill -o ~/.claude/skills/vue-tui/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How vue-tui works
Codeflow
Free to inspect

Vue-tui is a large TypeScript project (~24k lines across 174 code files, plus 421 test files). Setup is light: installs like a normal app. Reading the code is optional. Last commit 2 months ago, MIT license, has a test suite.

Size
Large codebase
~24k lines · 174 code files · ~3 h to skim
Setup
One-command install
Installs like a normal app. Reading the code is optional.
Runs on
Node.js
No API keys detected
TypeScript 98%Vue 1%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    AGENTS.md
    The instructions the AI actually follows
  3. 3
    package.json
    Dependencies and the commands it exposes
  4. 4
    examples/basic-jsx/package.json
    A worked example — copy this to get going
What's in each folder
packages/Sub-packages / plugins274 files
examples/Examples you can copy36 files
templates/Templates10 files
benchmarks/Evaluations & benchmarks7 files
tests/Tests — proof it works321 files
.agents/Tool / agent settings19 files
.github/CI / automation (GitHub Actions)2 files
.vite-hooks/Tool / agent settings1 files
READMEHas testsDocumentedCI checksExamples includedMIT licenseUpdated 2 mo ago
Quick Actions
Details
Creator
vuejs-ai
Language
TypeScript
Category
devtools
Published
5/24/2026

Are you the creator of this tool? and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/vue-tui.svg)](https://workflowstacks.com/skills/vue-tui?utm_source=github&utm_medium=badge)
🔥 Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.