Skills
.Work. You
Rest

scieng-skill

Community

Visualize diagrams and math in self-contained HTML

Software Engineering#html#mermaid#rendering#latex#diagram#graphviz#playground
Authordanielsimonjr
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables users to author and render Mermaid diagrams, Graphviz DOT graphs, and LaTeX equations inside a single self-contained HTML playground.

Core Features & Use Cases

  • Self-contained HTML playgrounds that render diagrams and math with CDN-based renderers.
  • Supports Mermaid diagrams, Graphviz DOT graphs, and LaTeX equations for documentation, teaching, and prototyping.
  • Provides a ready-made workflow to generate visuals and equations directly in the browser.

Quick Start

Create a standalone HTML file that renders a Mermaid diagram, a Graphviz DOT graph, and a LaTeX equation using CDN-based renderers. Open the file in a browser to see the output.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: scieng-skill
Download link: https://github.com/danielsimonjr/claude-skills/archive/main.zip#scieng-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.