Generate interactive HTML ERD diagrams with clickable table cards and foreign key lines.
npx skills add https://github.com/ethan-rio/skills --skill html-erd-explorer
Please help me install this Agent Skill. Skill: html-erd-explorer Source: https://github.com/ethan-rio/skills/tree/main/skills/html/html-erd-explorer Command: npx skills add https://github.com/ethan-rio/skills --skill html-erd-explorer
Traditional markdown ERDs are awkward to read and edit, while dedicated diagramming tools are heavy and hard to share. Explaining database structure to team members, planning migrations, or documenting data models often takes hours of manual work creating and updating static diagrams.
Use the html-erd-explorer skill to generate an interactive HTML ERD for the project's orders, users, and payments database schema, grouped by domain with clickable table cards and foreign key relationship lines.
High-intent search queries and answers about installing and using this skill.
To generate an interactive HTML ERD, provide your database schema details to produce a self-contained HTML file with clickable table cards, semantic SVG diagrams, and foreign key lines with crow's-foot cardinality markers.
Visualizing schema migration differences is achieved by generating a focused HTML ERD diff view, allowing you to clearly map structural changes and data lineage before and after database updates without heavy dedicated tools.
Yes, you can document database schemas with three or more tables. It generates mobile-responsive, print-ready HTML files that group tables by domain and map foreign key relationships for team onboarding.
The generated HTML ERD does not require an internet connection or external runtime. It produces self-contained, offline HTML files with semantic SVG diagrams that are WCAG AA-compliant and print-ready.
Traditional markdown ERDs are awkward to read and edit when documenting database structures. Generating self-contained interactive HTML files provides clickable table cards and accessible cardinality-marked relationship lines instead.
To explain a query path, generate a focused HTML ERD expainer. It maps the relevant tables and foreign key relationship lines, making the data lineage and query path clear for team members to interact with.
jeremylongshoreDesign normalized relational database schemas and generate Mermaid ERDs with SQL CREATE statements.
CellCogGenerate interactive diagrams from plain-English descriptions with zoom, pan, and PDF export.
HieubkavDesigns normalized database schemas from 1NF to BCNF with ERD and SQL output.
jeremylongshoreGenerate ERD diagrams and data dictionaries from existing database schemas.
