design

Slash Commands Gui

Name: Slash Commands Gui
Author: Androz2091

GUI tool to explore Slash Commands of your bot, built on Vue 3 and TailwindCSS 🚀

136 stars24 forksVueUpdated 5/25/2026100% free · open source

What it does

The slash-commands-gui tool provides a graphical user interface to explore and manage Slash Commands for your bot, built with Vue 3 and TailwindCSS.

When to use it

•When you need to visualize and organize multiple Slash Commands for your bot
•When you want to test and debug Slash Commands in a user-friendly environment
•When you're building a bot with complex command structures and need a GUI to simplify management

Ready-to-paste prompt

Open the GUI at http://localhost:3000 and create a new Slash Command by clicking the 'Add Command' button, then fill in the command details such as name, description, and parameters

Heads up: Ensure you have Node.js and npm installed on your system, as the project relies on these for setup and execution, and be aware that the project's dependencies and Vue 3 setup may require specific versions or configurations

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

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

Androz2091

Language

Vue