automation

design‑studio: Build No‑Code Chatbots with LLM‑Powered Visual Designer

Name: design‑studio: Build No‑Code Chatbots with LLM‑Powered Visual Designer
Author: Tiledesk

Design‑studio lets founders craft conversational flows and automations visually, using GPT AI and a flexible graph—no coding needed. Ideal for rapid multichannel bot development.

From the repo · “Tiledesk's open-source visual, no-code designer where LLM/GPT AI meets a flexible 'graph' approach. Create conversations and automations effortlessly – a Voiceflow and Botpress alternative.”

471 stars+1★ this week98 forksTypeScriptGuide quality 9/10 · reviewed Oct 14Updated 10/23/2026100% free · open source

What it does

Design-studio allows founders to create conversations and automations without coding, using a visual, no-code designer that combines LLM/GPT AI with a flexible 'graph' approach

When to use it

•When you need to build conversational interfaces without extensive coding knowledge
•When you want to automate customer support or sales workflows using AI-powered conversations
•When you're looking for an alternative to Voiceflow or Botpress for designing and building conversational automations

Ready-to-paste prompt

Create a new graph with 'npm run generate-graph' and configure the 'user-input' node to trigger a conditional logic flow based on user input

Heads up: Make sure you have Node.js (>=14.17.0) and npm installed on your system, as design-studio relies on these to run and build the project

Saves to your device

Use with Claude

New

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

🛠️ Technical setup

Expect 20–40 minutes in a terminal — or let your AI agent drive it.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/design-studio && curl -fsSL https://workflowstacks.com/api/skills/design-studio/claude-skill -o ~/.claude/skills/design-studio/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 design‑studio: Build No‑Code Chatbots with LLM‑Powered Visual Designer works

Codeflow

Free to inspect

Design‑studio: Build No‑Code Chatbots with LLM‑Powered Visual Designer is a very large TypeScript project (~92k lines across 597 code files). It is a full software project: use it through its install path rather than reading it end to end. Last commit this month, MIT license, has a test suite.

Size

Very large codebase

~92k lines · 597 code files · days to read — use, don't read

Setup

Developer setup

A real software project. Use it via its install path; don't expect to read it all.

Runs on

Node.js · Docker

No API keys detected

TypeScript 58%SCSS 20%HTML 19%JavaScript 2%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
src/main.ts
Where the program starts running
3
package.json
Dependencies and the commands it exposes

What's in each folder

src/Core code — the actual logic1248 files

.vscode/Editor / agent settings4 files

.github/CI / automation (GitHub Actions)2 files

READMEHas testsDocumentedCI checksDocker readyMIT licenseUpdated this month

Use with Claude

New

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

🛠️ Technical setup

Expect 20–40 minutes in a terminal — or let your AI agent drive it.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/design-studio && curl -fsSL https://workflowstacks.com/api/skills/design-studio/claude-skill -o ~/.claude/skills/design-studio/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

Tiledesk

Language

TypeScript

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work — importable n8n templates, outcome guides and Claude Desktop configs.

Free n8n template

AI Support Agent (Chat)

A chat agent that answers customer questions from YOUR business info — with conversation memory. It never invents policies; anything it doesn't know, it hands to a human.