ai-agent

ai-dial-chat: Streamlined UI for Building AI DIAL Agents

Name: ai-dial-chat: Streamlined UI for Building AI DIAL Agents
Author: epam

Provides founders with a ready‑made TypeScript UI to prototype and test AI DIAL conversational agents quickly, perfect for early‑stage product demos.

From the repo · “A default UI for AI DIAL”

intermediate⏱ 30 minutes💵 Free + LLM API costs

505 stars63 forksTypeScriptGuide quality 8/10 · reviewed Oct 10Updated 10/21/2026100% free · open source

What it is

Build AI chat agents with a simple user interface that lets you create custom interactions.

Real use case example

"A founder, Alex, wants to create a chatbot that helps new customers with their onboarding process. Alex uses this skill to design the chatbot's interactions, connects it to their CRM, and tests it within a few hours. The chatbot is now helping new customers 24/7 and Alex can see a noticeable increase in customer satisfaction."

Best insideClaude DesktopClaude APIAny AI Client

When to use it

•You need a simple, pre-built UI to test and demonstrate AI DIAL agent functionality
•Your startup requires a basic, customizable interface for user interaction with AI agents
•You want to quickly prototype and validate AI-powered features without investing in custom UI development

Ready-to-paste prompt

Modify the `config.json` file to connect to your AI DIAL agent and test the UI with a sample query, such as `{'query': 'What is the weather like today?'}`

Heads up: Ensure you have Node.js (14 or higher) and npm installed on your system, as the project uses TypeScript and requires a compatible runtime environment

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

What's inside — free to inspect

No purchase needed

Read the entire source before you build — unlike paid marketplaces that hide it behind a buy button.

top-level files

folders

117.1M

source size

Apache-2.0

license

Key files

.editorconfig

AGENTS.md

eslint.config.mjs

package.json

README.md

tsconfig.base.json

File tree

.agents/

.claude/

.cursor/

.githooks/

.github/

agents/

apps/

docs/

libs/

openspec/

postman/

scripts/

tools/

.dockerignore

.editorconfig

.gitattributes

.gitignore

.mcp.json

.ort.yml

.prettierignore

.prettierrc

AGENTS.md

CLAUDE.md

CONTRIBUTING.md

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

epam

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.