arch-lens-scenarios

Define end-to-end scenarios and render Mermaid diagrams with per-scenario subgraphs.

1|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/Trecek/useful-claude-skills --skill arch-lens-scenarios
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: arch-lens-scenarios
Source: https://github.com/Trecek/useful-claude-skills/tree/main/.claude/skills/arch-lens-scenarios
Command: npx skills add https://github.com/Trecek/useful-claude-skills --skill arch-lens-scenarios

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This lens provides a structured approach to verify that end-to-end user journeys and component interactions work together, by modeling scenarios and validating their collaboration.

Core Features & Use Cases

  • Map 3-5 representative end-to-end scenarios to validate integration across services.
  • Produce a Mermaid-based architecture diagram with per-scenario subgraphs to reveal data flows and touchpoints.
  • Before diagramming, ensure the Mermaid environment is loaded via the mermaid skill, and use the provided class styles for consistency.

Quick Start

Outline 3-5 key scenarios and invoke the arch-lens-scenarios workflow to generate the diagram.

Frequently Asked Questions about arch-lens-scenarios

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

FAQPage Schema
How do I validate end-to-end architecture scenarios for service integration?

Architecture scenario validation involves mapping 3-5 representative user journeys to verify integration across services. By detailing entry points, processing steps, state changes, and outputs for each scenario, you validate that component interactions work together end-to-end.

What is the best way to diagram end-to-end user journeys with Mermaid?

Diagramming end-to-end user journeys with Mermaid involves rendering a left-to-right diagram with per-scenario subgraphs. Applying class styling and a color legend visually separates each journey, clearly revealing data flows and component touchpoints across the architecture.

How does mapping component touchpoints help validate integration workflows?

Mapping component touchpoints validates integration workflows by exposing exactly how services interact during end-to-end scenarios. This structured approach verifies data flows, state changes, and outputs, ensuring the collaboration between components functions correctly.

Do I need to load the Mermaid skill before generating architecture diagrams?

Yes, you need to load the Mermaid skill beforehand to ensure the diagramming environment is ready. This prerequisite allows you to successfully render the left-to-right architecture diagrams and apply the provided class styles for visual consistency.

Can I use scenario subgraphs to visualize multiple architecture workflows in one diagram?

Yes, you can use scenario subgraphs to visualize multiple architecture workflows within a single left-to-right Mermaid diagram. Mapping 3-5 representative journeys, each subgraph is styled distinctly to reveal specific data flows and component touchpoints.