ai-agent

Streamline AI Apps with markstream-vue

Name: Streamline AI Apps with markstream-vue
Author: Simon-He95

Get multi-framework Markdown rendering for AI apps, ideal for founders using Vue and other frameworks, with 2.6k+ GitHub stars

2,896 stars175 forksVueGuide quality 8/10Updated 8/18/2026100% free · open source

What it does

Markstream-vue renders Markdown with multi-framework support, including Vue, React, Svelte, and Angular, and integrates with tools like Mermaid, KaTeX, and Monaco for AI-powered applications.

When to use it

•Building a Vue-based AI app that requires dynamic Markdown rendering
•Integrating Markdown rendering across multiple frameworks in a single project
•Creating interactive, real-time Markdown updates with low jitter

Ready-to-paste prompt

`const markstream = new MarkstreamVue('#markdown-container', '# Heading
## Subheading
Hello **World**!')` to render a simple Markdown heading and paragraph

Heads up: Make sure to include the `markstream-vue.css` file in your project for proper styling, as markstream-vue does not include default styles

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/markstream-vue && curl -fsSL https://workflowstacks.com/api/skills/markstream-vue/claude-skill -o ~/.claude/skills/markstream-vue/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 Streamline AI Apps with markstream-vue works

Codeflow

Free to inspect

Streamline AI Apps with markstream-vue is a very large Vue project (~175k lines across 1138 code files, plus 379 test files). Setup is light: installs like a normal app. Reading the code is optional. Last commit this month, MIT license, has a test suite.

Size

Very large codebase

~175k lines · 1138 code files · days to read — use, don't read

Setup

One-command install

Installs like a normal app. Reading the code is optional.

Runs on

Node.js

No API keys detected

Vue 47%JavaScript 28%TypeScript 20%Svelte 5%HTML 1%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
AGENTS.md
The instructions the AI actually follows
3
bin/skills-lib.mjs
Where the program starts running
4
package.json
Dependencies and the commands it exposes
5
src/icon-themes/index.ts
Inside src/ — the main logic begins here

What's in each folder

src/Core code — the actual logic255 files

prompts/Prompts, skills & agent definitions5 files

packages/Sub-packages / plugins976 files

bin/Command-line entry points3 files

docs/Documentation346 files

playground/Examples you can copy56 files

scripts/Helper scripts98 files

themes/Themes & styling55 files

READMEHas testsDocumentedCI checksMIT licenseUpdated this month

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/markstream-vue && curl -fsSL https://workflowstacks.com/api/skills/markstream-vue/claude-skill -o ~/.claude/skills/markstream-vue/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.

Quick Actions

Details

Creator

Simon-He95

Language

Vue