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.