ai-agent

ai-dial-chat: Default AI DIAL UI

Name: ai-dial-chat: Default AI DIAL UI
Author: epam

Get a default UI for AI DIAL with ai-dial-chat, for founders using AI agents.

intermediate⏱ 30 minutes💵 Free + LLM API costs

501 stars63 forksTypeScriptGuide quality 8/10Updated 7/25/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

98.7M

source size

Apache-2.0

license

Key files

.editorconfig

AGENTS.md

eslint.config.mjs

package.json

postcss.config.js

README.md

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

.trivyignore

AGENTS.md

CLAUDE.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