bce-diagrams

Generate Mermaid or draw.io architectural diagrams of business component interactions.

46|10|Updated Dec 14, 2025
One-click install
npx skills add https://github.com/AdamBien/airails --skill bce-diagrams
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bce-diagrams
Source: https://github.com/AdamBien/airails/tree/main/documentation/bce-diagrams
Command: npx skills add https://github.com/AdamBien/airails --skill bce-diagrams

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of high-level architectural diagrams, illustrating the complex interactions between business components, subsystems, and services, thereby clarifying system design and communication flows.

Core Features & Use Cases

  • High-Level Visualization: Generates diagrams showing BCs, subsystems, and external services.
  • Interaction Mapping: Depicts communication pathways (REST, async, etc.) between components.
  • Detail Level Control: Supports "between components" (opaque nodes) and "within components" (layer breakdown) views.
  • Format Flexibility: Offers Mermaid (text-based, version-control friendly) and draw.io (visual editor) outputs.
  • Use Case: Visualize how the Orders and Payments BCs interact within a Billing subsystem, showing data flow and communication protocols.

Quick Start

Use the bce-diagrams skill to create a Mermaid diagram showing the interaction between the 'orders' and 'payments' business components.

Frequently Asked Questions about bce-diagrams

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Mermaid diagrams for BCE architecture interactions?

To generate Mermaid diagrams for BCE architecture interactions, use this Skill to map communication pathways between business components and external services into text-based, version-control friendly visual outputs.

What is the BCE pattern for visualizing business component interactions?

The BCE pattern for visualizing business component interactions maps high-level system landscapes by illustrating integration flows and communication protocols between subsystems and external services.

Can I create draw.io diagrams showing subsystems and external services?

Yes, you can create draw.io diagrams showing subsystems and external services. This Skill supports draw.io visual editor outputs to illustrate complex integration flows based on the BCE pattern.

Does this Skill support adjusting detail levels for component visualization?

Yes, this Skill supports adjusting detail levels for component visualization. You can generate opaque nodes for interactions between components or layer breakdowns for interactions within components.

What is the best way to map integration flows between business components?

The best way to map integration flows between business components is to automate architectural diagram generation, which clarifies communication pathways like REST or async data flows within a specified subsystem.