HTML ERD & Schema Explorer

Database schemas are inherently visual — tables connected by foreign keys, with cardinality and direction. ERDs in markdown are awkward; in dedicated tools they're heavy. An HTML ERD is portable, embeddable in a doc, and click-to-explore.

When to use this skill

• "Diagram our [schema, data model, database, tables]"
• "Show me how [table X] relates to [table Y]"
• "Document the schema for [feature/service]"
• "Plan the migration from this schema to that one"
• "Explain how a query touches the schema"
• Any time a database structure with ≥3 tables enters the conversation

Output requirements

Tables rendered as cards/boxes with their columns listed. Foreign key relationships drawn as connecting lines with cardinality markers (1, *, etc.). Click a table to expand or focus.

Include a legend explaining symbols (PK, FK, indices, nullable).