skills.rest
Yukine5377
Yukine5377COMMUNITY
Explore all skills by this author →
GitHub

ba-product-overview-gen

Creates System Context diagrams in Mermaid.js from elicitation results and TO-BE processes.

Updated Apr 12, 2026
Search Tags:#integration#mermaid#diagram#business-analysis#stakeholders#product-analysis#system-context
One-click install
npx skills add https://github.com/Yukine5377/common --skill ba-product-overview-gen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ba-product-overview-gen
Source: https://github.com/Yukine5377/common/tree/main/.cursor/skills/ba-product-overview-gen
Command: npx skills add https://github.com/Yukine5377/common --skill ba-product-overview-gen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Skill helps business analysts quickly craft a clear System Context for a product by identifying the primary actors, user interfaces, and external integrations, enabling better alignment and communication with stakeholders.

Core Features & Use Cases

  • Actors & Apps: identify users, roles, and the interaction points across mobile, web, and back-office interfaces.
  • External Systems & Integrations: outline partner systems, APIs, and data flows to inform integration scope.
  • System Context Diagram: generate a Mermaid.js diagram and a structured narrative for stakeholder reviews.
  • Use Case: When starting a new product initiative, produce a System Context that clarifies scope and dependencies.

Quick Start

Provide the product scope and key actors to generate the System Context diagram.

Frequently Asked Questions about ba-product-overview-gen

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

FAQPage Schema
How do I create a System Context diagram for product analysis?▼

A System Context diagram maps actors, applications, and external systems to clarify product boundaries. It is needed when starting a new product initiative to align stakeholder communication and define integration scope across mobile, web, and back-office layers.

How do I map external system integrations and data flows for stakeholders?▼

Map external system integrations by outlining partner systems, APIs, and data flows alongside primary actors. Provide the product scope and key actors to generate a structured narrative and Mermaid diagram that informs integration scope for stakeholder reviews.

Can I use Mermaid.js to visualize TO-BE processes and system interactions?▼

No specific dependencies are required to generate a System Context diagram. You only need to provide the product scope and key actors to identify users, roles, interaction points, and external systems for the Mermaid.js output.

What's the best way to define product scope and dependencies for business analysis?▼

The best way to define product scope and dependencies is identifying actors, applications, and external systems to create a System Context diagram. It clarifies interaction points across mobile, web, and back-office interfaces, enabling better stakeholder alignment.

Related Skills

Explore More Product & Management Skills→
chicanoandres702chicanoandres702

c4-context

Generate C4 context narratives and Mermaid diagrams for system boundaries.

Community
Advanced
khapn-2933khapn-2933

tkm:draw-diagram

Create customizable flowcharts, sequence, and ER diagrams with Mermaid.js syntax.

Community
Intermediate
tinkermonkeytinkermonkey

LAYER_02_BUSINESS

Model business actors, roles, processes, and objects using ArchiMate 3.2.

Community
Basic
VSF-QC-TTSVSF-QC-TTS

common-architecture-diagramming

Standardize architecture diagrams using C4 and UML models with Mermaid syntax.

Official
Intermediate