AI Prompt Bar

Transform your flowchart creation workflow with natural language commands. Instead of manually dragging shapes and connecting them, simply describe what you want, and our AI builds it for you.

Overview

The AI Prompt Bar is useWorkspace.AI's most powerful feature - it allows you to create, modify, and refine flowcharts using plain English (or Danish). Type commands like "add a decision node" or "create a login flow," and watch as the AI instantly generates professional diagrams.

How It Works

The AI Prompt Bar uses advanced language processing to:

1. Understand your intent - Interprets natural language commands
2. Generate JSON patches - Converts commands to precise flowchart modifications
3. Apply changes instantly - Updates your diagram in real-time
4. Maintain ISO 5807 compliance - Ensures all shapes follow standards

Under the Hood

When you type a prompt, the system:

• Parses your natural language input
• Identifies shape types, positions, and connections
• Generates JSON Patch operations
• Applies changes to the flowchart state
• Syncs with React Flow for visualization

Accessing the Prompt Bar

Keyboard Shortcut: Cmd/Ctrl + /

The prompt bar appears at the bottom of the flowchart editor. It's available on all plans and works with both new and existing flowcharts.

Supported Commands

Creating Shapes

"add a process node"
"create a decision shape"
"insert a database symbol"
"add start and end nodes"

Modifying Flowcharts

"delete the last node"
"remove all decision nodes"
"change the process label to 'Validate User'"
"move the database node to the right"

Creating Flows

"create a user login flow"
"build an API request workflow"
"generate a payment processing flowchart"
"make a data validation pipeline"

Connecting Nodes

"connect start to process"
"add an edge from decision to database"
"link all nodes in sequence"

Example Prompts

Basic Operations

Add a single shape:

"add a process node labeled 'Authenticate User'"

Create multiple shapes:

"add a start node, a process, a decision, and an end node"

Build a complete flow:

"create a user registration flow with validation"

Advanced Workflows

E-commerce Checkout:

"build a checkout flow with cart validation, payment processing,
and order confirmation"

API Integration:

"create an API call flow with request, authentication check,
data processing, and response"

Data Pipeline:

"generate a data pipeline with input validation, transformation,
database storage, and error handling"

Best Practices

✅ Do This

Be specific:

"add a decision node labeled 'Is Valid?' at position 300, 200"

Use flowchart terminology:

"create a process for data validation"
"add a decision for authentication check"

Describe the flow logically:

"start with user input, validate the data, then store in database"

❌ Avoid This

Too vague:

"make it better"
"add something"

Non-flowchart language:

"draw a box"
"put a diamond thing"

Ambiguous references:

"delete that node"  // Which one?

Pro Tips

Common Prompt Patterns

1. Create Then Connect

Step 1: "add start, process, decision, and end nodes"
Step 2: "connect them in sequence"
Step 3: "add labels to each node"

2. Describe the Process

"create a customer onboarding flow:
- start with registration
- validate email
- send welcome email
- create user account
- end"

3. Modify Existing

Step 1: "find the decision node"
Step 2: "change its label to 'Valid Credentials?'"
Step 3: "add two process nodes for true and false branches"

Plan Features

Free Plan

• ✅ 10 AI prompts per month
• ✅ Basic shape creation
• ✅ Simple workflows

Pro Plan ($12/mo)

• ✅ 200 AI prompts per month
• ✅ Complex workflow generation
• ✅ Priority AI processing
• ✅ Advanced prompt patterns

Enterprise Plan ($49/mo)

• ✅ Unlimited AI prompts
• ✅ Custom AI models
• ✅ Batch processing
• ✅ API access for automation

Current Limitations

1. Demo Mode: Currently using pattern matching. Full AI integration coming soon.
2. Language Support: Best results in English; Danish support improving.
3. Complex Positioning: Manual adjustment may be needed for precise layouts.
4. Context Awareness: AI doesn't yet remember previous conversations.

Troubleshooting

"Nothing happens when I submit a prompt"

• Check your plan's prompt limit hasn't been reached
• Ensure you're in a flowchart editor (not library view)
• Try refreshing the page

"AI creates wrong shapes"

• Be more specific in your language
• Use ISO 5807 shape names (process, decision, terminal)
• Try breaking complex requests into smaller steps

"Shapes appear in wrong positions"

• Specify coordinates: "add process at 200, 100"
• Use relative positioning: "add decision below the process"
• Manual adjustment is often faster for fine-tuning

Keyboard Shortcuts

| Shortcut | Action | |----------|--------| | Cmd/Ctrl + / | Open/focus prompt bar | | Enter | Submit prompt | | Escape | Close prompt bar | | Cmd/Ctrl + Shift + / | Show prompt history |

Related Features

• AI Quality Analysis - Validate AI-generated flowcharts
• Keyboard Shortcuts - Speed up your workflow
• Shape Reference - Learn all ISO 5807 shapes

Next Steps

• Try the First Flowchart Tutorial with AI assistance
• Learn Best Practices for flowchart design
• Explore Business Process Mapping with AI