🌐 Language / 语言： English | 简体中文

Workable is a personal workflow engine that uses AI to transform your mental notes into structured, interactive process maps.
Spot bottlenecks, organize tasks, and optimize your daily routines — all in one unified canvas.

Features · AI Providers · Quick Start · Development Guide

---

What is Workable?

Most workflow tools make you drag and drop from scratch. Workable flips that.

You write (or paste) a plain-English description of how work actually flows — who does what, which tools are involved, where things get stuck. Workable's AI parses it into an interactive graph, groups related steps into named phases, assigns tasks to each node, and immediately flags the bottlenecks. Try the Live Demo to see it in action.

---

📺 Video Demo

Click above to watch the full walkthrough on YouTube (English)

---

✨ Features

🧠 AI-Powered Graph Generation

Transform a paragraph of text into a complete, structured process map in seconds.

1. Describe your workflow: Input your process in plain English — no technical syntax required.

2. AI generates the graph: The engine automatically identifies nodes, roles, directed edges, and logical groups.

---

🔍 AI Bottleneck Analysis

Stop guessing where your process is failing. Run the optimizer to see structural risk.

Spot structural weaknesses: The AI identifies "single points of failure" and structural risks in your workflow.

Get suggested actions: Receive specific, actionable recommendations to optimise throughput and reduce risk.

---

🔀 AI Update & Patching

Modify your workflow by just describing the change. No need to rebuild from scratch.

Review the proposed change: See a precise preview of additions, removals, and updates before committing them.

Apply the update instantly: The workflow reflows automatically to incorporate your changes without a full rebuild.

---

🔬 Interactive Exploration & Tasks

Click any node to reveal its deep-dive profile, constraints, and assigned tasks. Task dots orbit each node — click one for a quick-view popup with status, priority, and description.

Deep-dive analysis: Access entity profiles, constraints, and connection summaries in a persistent panel.

Actionable task lists: Manage TODOs directly on the canvas or via node-specific task drawers.

---

✅ Optimised Workflow View

Toggle between the Current Workflow and Optimised Workflow to see AI-suggested improvements overlaid on your canvas. New connections appear as dashed emerald arcs; deprecated ones fade out.

Switch views without losing your original — the optimised overlay is non-destructive until you apply it.

---

🗺️ Flexible Canvas Views

Toggle between the standard Process Map (hierarchical flow) and the Ecosystem Hub (radial dependency web).

Quickly spot influence hubs and dependency rings that regular charts hide.

---

🔎 Search & Role Filters

Search by node name or filter the canvas by role type (Person, Tool, External, Output) and workflow group. Non-matching nodes dim, so your focus stays sharp.

Combine role and group filters to isolate any slice of your process instantly.

---

🖱️ Right-Click Node Editing

Right-click any node to set output delay, assign it to workflow groups, add manual connections, or delete it. The analysis panel stays open beside you.

Every structural edit is reflected immediately — no save button, no page reload.

---

💾 Workflow Library

Name and save any canvas state to the built-in Workflow Library. Load it back instantly, or delete old versions you no longer need.

Snapshots are stored locally in your browser — no account or cloud sync required.

---

📂 Workflow Group Hierarchy

Organize your canvas into levels. Create parent-subgroup relationships to manage complex processes. The sidebar automatically indents subgroups and provides a recursive node count (Parent = Parent Nodes + Subgroup Nodes) for a true high-level overview.

Use the "Move to..." icon in the sidebar to reorganize your phases. Circular dependency protection is built-in.

---

🚀 Quick Start

# 1. Clone and install
git clone https://github.com/starrdye/workable.git
cd workable
npm install

# 2. Start the dev server
npm run dev
# → http://localhost:3000

AI Setup: Click the gear icon in the header, select your provider (Claude, Gemini, or Doubao), and paste your API key (stored locally in your browser).

---

🤖 AI Providers

Workable is provider-agnostic. Swap between them any time to compare results.

• Anthropic Claude: Best overall reasoning and JSON fidelity. Supports claude-opus-4-6, claude-sonnet-4-6 (recommended), and claude-haiku-4-5.
• Google Gemini: Fast, reliable, and generous free tier. Supports gemini-2.0-flash, gemini-1.5-pro, and gemini-1.5-flash.
• ByteDance Doubao: High-performance models via standard pay-per-use endpoints or the Coding Plan (doubao-seed-2.0, doubao-pro-32k, and more).

---

📄 License

GNU Affero General Public License v3.0 (AGPL-3.0) © 2026 — share and share alike, even in the cloud.

---

_{Built with Next.js · React 19 · Tailwind CSS · Anthropic Claude · Google Gemini · ByteDance Doubao}