skills.rest
howarddierking
howarddierkingCOMMUNITY
Explore all skills by this author →
Website𝕏@howard_dierkingGitHub

create-event-model

Generate a markdown Event Modeling file and HTML viewer page.

7|Updated Apr 8, 2026
Search Tags:#markdown#mermaid#event modeling#project scaffolding#static html viewer#svg renderer#slice specs
One-click install
npx skills add https://github.com/howarddierking/mermaid-event-model --skill create-event-model
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-event-model
Source: https://github.com/howarddierking/mermaid-event-model/tree/main/skills/create-event-model
Command: npx skills add https://github.com/howarddierking/mermaid-event-model --skill create-event-model

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating a new Event Modeling project usually starts with boilerplate: you need a canonical model markdown file plus a viewer page so the diagram can be inspected immediately.

Core Features & Use Cases

  • Seeds a canonical model: Writes a markdown model file containing the hotel-booking Event Model DSL inside a mermaid fenced block.
  • Creates a working live viewer: Generates model-viewer.html that renders the model markdown in-browser and refreshes on changes.
  • Connects to future slice specs: The viewer automatically lists any <model>-slices//*.md files when they exist, enabling incremental slice development and inspection.
  • Use case: Start a new repository, reset to the reference example, or generate a baseline model file so subsequent skills (like spec-slices) can produce slice definitions.

Quick Start

Run the skill with no argument to create blueprint_dsl.md and model-viewer.html in the project root.

Frequently Asked Questions about create-event-model

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

FAQPage Schema
How do I bootstrap an Event Modeling project with a working viewer?▼

You can initialize an Event Modeling project by generating a canonical markdown model file containing a mermaid diagram block and an accompanying static HTML viewer page that renders the model in-browser.

What is Event Modeling and how does a markdown model viewer work?▼

Event Modeling uses a canonical markdown file with a mermaid fenced block to define system flows. The generated static HTML viewer loads the model via a ?model=<basename> convention and renders the SVG diagram in-browser.

Can I add slice specs to an existing Event Modeling project after initialization?▼

Yes, you can add per-model slice specs by creating markdown files in a <model>-slices directory. The generated HTML viewer automatically lists these sibling markdown files in the sidebar for incremental slice development and inspection.

Does the generated HTML viewer require any dependencies to render the mermaid diagram?▼

No dependencies are required. The skill generates a static HTML viewer page that renders the model markdown in-browser, using the ?model=<basename> URL convention to load the correct model file dynamically.

What is the best way to reset an Event Modeling diagram to a reference example?▼

The best way to reset to a reference example is to regenerate the baseline markdown model file and HTML viewer. This overwrites the existing project files with a deterministic template containing the hotel-booking Event Model DSL.

Why does the viewer not list my slice specs in the sidebar?▼

The viewer lists slice specs only when they are placed in a sibling directory named <model>-slices. Ensure your slice markdown files are in that specific directory and named correctly for sidebar discovery to function.

Related Skills

Explore More Software Engineering Skills→
PixelDroid19PixelDroid19

sdd-docs-viewer

Deploy a static documentation viewer with Markdown rendering and search.

Community
Intermediate
howarddierkinghowarddierking
7

spec-slices

Generate per-slice markdown specs from an Event Model DSL.

Community
Intermediate
luanzebaluanzeba

mermaid

Validate Mermaid diagrams syntax in .mmd files and Markdown blocks, rendering SVG output with ASCII previews.

Community
Intermediate
KrystianYCSilvaKrystianYCSilva

markdown-expert

Create Markdown documentation with Mermaid diagrams and GFM tables.

Community
Intermediate