skills.rest
ljucask
ljucaskCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

pm-diagrams

Generate Mermaid.js and Excalidraw diagrams for product workflows.

1|Updated May 28, 2026
Search Tags:#domain modeling#mermaid#excalidraw#system architecture#diagrams#user flow
One-click install
npx skills add https://github.com/ljucask/pureinn-product-development --skill pm-diagrams
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pm-diagrams
Source: https://github.com/ljucask/pureinn-product-development/tree/main/skills/pm-diagrams
Command: npx skills add https://github.com/ljucask/pureinn-product-development --skill pm-diagrams

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps product teams turn complex product concepts, workflows, and system relationships into clear visual diagrams that improve alignment and documentation.

Core Features & Use Cases

  • Multi-format Diagram Generation: Creates Mermaid.js diagrams for technical specifications and Excalidraw visuals for stakeholder communication.
  • Product Visualization Workflows: Supports entity state machines, sequence diagrams, domain models, user flows, business processes, system architectures, and JTBD Four Forces analysis.
  • Use Case: A product manager can map a new checkout flow, visualize service interactions, or communicate a domain model before implementation.

Quick Start

Ask the pm-diagrams skill to create a user flow diagram for my product feature with the actors and steps I provide.

Frequently Asked Questions about pm-diagrams

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

FAQPage Schema
How do I generate Mermaid diagrams for product user flows?▼

To generate Mermaid diagrams for user flows, you provide the feature steps and actors to the skill, which transforms them into structured visual representations. It outputs context-aware Mermaid.js visualizations suitable for technical specifications.

What is the difference between using Mermaid.js and Excalidraw for system architecture diagrams?▼

For system architecture diagrams, Mermaid.js outputs technical specifications, while Excalidraw creates visuals for stakeholder communication. The skill applies both formats contextually to map service interactions and domain models.

Can I visualize domain modeling and JTBD analysis without manual diagramming?▼

Yes, you can visualize domain modeling and JTBD Four Forces analysis without manual diagramming by inputting your product concepts. The skill automatically generates structured visual representations in Mermaid.js or Excalidraw formats.

How do I create a sequence diagram for my product's service interactions?▼

To create a sequence diagram for service interactions, you describe the workflow and components to the skill. It then applies diagram generation capabilities to output structured visual representations of the service interaction flows.

Does this diagram generation approach support entity state machines and business processes?▼

Yes, the diagram generation approach supports entity state machines and business processes. It transforms product workflows into structured visual representations, handling state logic and process flows via Mermaid.js and Excalidraw outputs.

Related Skills

Explore More Product & Management Skills→
tronghieutronghieu
36

bmad-agent-tech-writer

Transform complex technical concepts into structured Markdown documentation with Mermaid diagrams.

Community
Intermediate
y0nchay0ncha
1

excalidraw-diagrams

Generate editable Excalidraw diagram files with programmatic layout and styling.

Community
Intermediate
Clos01Clos01
3

pm-spec

Create structured product requirement documents with goals, metrics, and delivery plans.

Community
Intermediate
GuidoBergmanGuidoBergman

create-excalidraw-diagram

Generate system architecture, ERD, and UML diagrams in Excalidraw format.

Community
Intermediate