diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 45c4c34..65f74cc 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -38,6 +38,9 @@ jobs:
       - name: Verify draw.io import script
         run: python3 scripts/verify-drawio-import.py
 
+      - name: Verify Mermaid import script
+        run: python3 scripts/verify-mermaid-import.py
+
       - name: Verify generated icon assets
         run: |
           python3 scripts/build-icons.py
diff --git a/skills/diagram-design/assets/example-import-mermaid.html b/skills/diagram-design/assets/example-import-mermaid.html
index daa8e7a..8fd92e8 100644
--- a/skills/diagram-design/assets/example-import-mermaid.html
+++ b/skills/diagram-design/assets/example-import-mermaid.html
@@ -19,9 +19,9 @@
   <main class="frame">
     <p class="eyebrow">Flowchart · Imported from Mermaid · doc-inline · balanced</p>
     <h1>Request validation and order storage</h1>
-    <svg viewBox="0 0 960 600" role="img" aria-labelledby="title description" xmlns="http://www.w3.org/2000/svg">
-      <title id="title">Request validation flow</title>
-      <desc id="description">Web and mobile requests enter an API gateway, pass a token decision, and reach an order service and Postgres.</desc>
+    <svg viewBox="0 0 960 600" role="img" aria-labelledby="import-mermaid-title import-mermaid-desc" xmlns="http://www.w3.org/2000/svg">
+      <title id="import-mermaid-title">Request validation flow</title>
+      <desc id="import-mermaid-desc">Web and mobile requests enter an API gateway, pass a token decision, and reach an order service and Postgres.</desc>
       <defs>
         <marker id="arrow" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto"><path d="M0,0 L8,4 L0,8 Z" fill="#4f5d75"/></marker>
         <marker id="arrow-accent" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto"><path d="M0,0 L8,4 L0,8 Z" fill="#eb6c36"/></marker>