skills/documentation/uml-interaction-diagrams/SKILL.md
Document object interactions over time using UML Sequence Diagrams with Mermaid. Trigger: When documenting behavioral patterns, message flows, or interactions between objects/services.
npx skillsauth add johnnystefan/test-saas-business documentation/uml-interaction-diagramsInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
This skill enables the agent to document and interpret how objects interact over time using Sequence Diagrams. It is crucial for explaining behavioral patterns like Observer, Mediator, and Command.
Publisher sending notify() to all Subscriber lifelines.Component lifelines sending events to the Mediator, and the Mediator dispatching calls back to them.When documenting logic, use the following structure:
sequenceDiagram
participant A as ClassA
participant B as ClassB
A->>B: MethodCall()
B-->>A: ReturnValue
sequenceDiagram
participant S as Store (Publisher)
participant E as EmailAlert (Subscriber)
participant L as Logger (Subscriber)
S->>E: update("stock changed")
S->>L: update("stock changed")
tools
Zustand 5 state management patterns. Trigger: When implementing client-side state with Zustand (stores, selectors, persist middleware, slices).
databases
Zod 4 schema validation patterns. Trigger: When creating or updating Zod v4 schemas for validation/parsing (forms, request payloads, adapters), including v3 -> v4 migration patterns.
development
Vitest unit testing patterns with React Testing Library. Trigger: When writing unit tests for React components, hooks, or utilities.
tools
Vite 8 (Rolldown-powered) build tool configuration, plugin API, SSR, and migration guide. Trigger: When working with vite.config.ts, Vite plugins, building libraries, or SSR apps with Vite.