Recommendation: Assembly-first Stack for Nuxt + Agency OS + Directus

Goal

Maximize module assembly and minimize custom code.

Current Stack

• Nuxt 3 (frontend framework)
• Agency OS (UI kit)
• Directus (data + CMS)

Existing Modules

• M-001 CommentModule
• M-002 WorkflowModule (BPMN viewer/modeler)

Gaps Identified

Current stack lacks:

1. Workflow engine (execution layer)
2. Automation layer
3. Visual orchestration
4. Module registry / dynamic loader

Recommended Additions

1. Workflow Execution

Add:

• n8n or Temporal

Reason:

• BPMN viewer exists but no execution engine.

2. Automation / Integration Layer

Add:

• n8n

Benefits:

• Directus triggers
• AI agent triggers
• external APIs

3. Module Registry

Add:

• Directus collection: modules
• Dynamic loader in Nuxt

4. Page Builder Layer

Add:

• low-code layout system

Examples:

• Vue Flow
• JSON layout renderer

5. Event Bus

Add:

• Redis / event queue

Resulting Architecture

Nuxt ↓ Agency OS UI ↓ Module Protocol Components ↓ Directus (data + config) ↓ Automation (n8n) ↓ Workflow Engine

Outcome

System becomes:

• Assembly-first
• Configuration-driven
• Module-based