skills.rest
sparkle-space
sparkle-spaceOFFICIAL
Explore all skills by this author →
WebsiteGitHub

/screenshot-models

Generates Event Model .md files from descriptive text and captures screenshots of rendered diagrams.

1|Updated Feb 18, 2026
Search Tags:#documentation#software design#event modeling#diagram generation#markdown generation#screenshot automation
One-click install
npx skills add https://github.com/sparkle-space/event-modeler --skill screenshot-models
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: /screenshot-models
Source: https://github.com/sparkle-space/event-modeler/tree/main/.claude/skills/screenshot-models
Command: npx skills add https://github.com/sparkle-space/event-modeler --skill screenshot-models

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of Event Model diagrams from descriptive text and captures high-resolution screenshots of these models for documentation and sharing.

Core Features & Use Cases

  • Event Model Generation: Creates .md files defining Event Models based on a structured format including YAML frontmatter and emlang blocks.
  • Automated Screenshotting: Renders Event Models in a web interface and captures screenshots using a headless browser.
  • Use Case: A software team needs to quickly visualize a new feature's event flow. They provide a textual description, and this Skill generates the Event Model markdown and a clear diagram image.

Quick Start

Use the screenshot-models skill to generate an event model markdown file from a description and then capture a screenshot of the resulting diagram.

Frequently Asked Questions about /screenshot-models

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

FAQPage Schema
How do I generate an Event Model diagram from a text description?▼

To generate an Event Model diagram, this Skill creates a structured markdown file with YAML frontmatter and emlang blocks from your descriptive text, then renders it into a visual canvas for system design documentation.

Can I automate screenshotting Event Model diagrams for documentation?▼

Yes, you can automate screenshotting Event Model diagrams. This Skill uses a headless browser via the shot-scraper tool to capture high-resolution screenshots of the rendered Event Model canvas automatically.

Do I need an Elixir Phoenix environment to capture Event Model screenshots?▼

Yes, an Elixir Phoenix environment is required. The Skill relies on this specific framework alongside the shot-scraper utility to render the markdown canvas and execute the automated image capture process.

What is the best way to document information system design using event modeling?▼

Event modeling documents information system design by generating markdown files with structured emlang blocks. This approach translates descriptive text into visual diagrams, automating the creation of event flow documentation for software teams.

What format does the generated Event Model file use for markdown generation?▼

The generated Event Model file uses a markdown format containing YAML frontmatter and emlang blocks. This structure defines the event flow data which is then rendered into a visual diagram on a web interface.

Related Skills

Explore More Software Engineering Skills→
mkreymanmkreyman
10

elixir-quality-gate

Run Mix-based quality checks for Elixir/Phoenix projects.

Community
Intermediate
patcarter883patcarter883

gsdd-complete-milestone

Automates milestone closure by archiving phase data and updating specifications and roadmap from parsed files.

Community
Advanced
gpsnmeajpgpsnmeajp
5

ai-character-checker-all-in-one

Identify valid Skill Units and generate YAML metadata from SKILL.md frontmatter.

Community
Advanced
taewook486taewook486

moai-lang-elixir

Generate Elixir and Phoenix code for Ecto schemas, LiveView components, and GenServer implementations.

Community
Advanced