@knowcode/doc-builder 1.9.11 → 1.9.12

package/html/guides/troubleshooting-guide.html

@@ -6,6 +6,7 @@
     <meta name="description" content="This guide helps you resolve common issues when using @knowcode/doc-builder. Most problems have simple solutions, and this guide covers the most frequent ones.">
     <title>Troubleshooting Guide for @knowcode/doc-builder</title>
     
+    <meta name="generator" content="@knowcode/doc-builder by Knowcode Ltd">
     <meta name="author" content="Lindsay Smith">
     <meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, issues, check">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.349Z",
-  "dateModified": "2025-07-29T09:30:31.349Z",
+  "datePublished": "2025-07-31T07:08:27.387Z",
+  "dateModified": "2025-07-31T07:08:27.387Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/troubleshooting-guide.html"
@@ -138,7 +139,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.5">Last updated: Jul 29, 2025, 09:30 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.11">Last updated: Jul 31, 2025, 07:08 AM UTC</span>
                 </div>
                 
                 
@@ -204,6 +205,7 @@
         <a href="/guides/authentication-default-change.html" class="nav-item" data-tooltip="Starting from version 1.7.4, @knowcode/doc-builder now defaults to no authentication for all documentation sites."><i class="ph ph-file-text"></i> Authentication Default Change</a>
         <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder supports enterprise-grade authentication through Supabase - a secure, scalable authentication platform."><i class="ph ph-check-circle" style="color: #059669;"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Claude Workflow Guide</a>
+        <a href="/guides/configuration-guide.html" class="nav-item" data-tooltip="This guide explains how @knowcode/doc-builder handles configuration files and settings."><i class="ph ph-check-circle" style="color: #059669;"></i> Configuration Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Standards</a>
         <a href="/guides/html-embedding-guide.html" class="nav-item" data-tooltip="Starting from version 1.9.2, doc-builder treats HTML files ( and ) as attachments that are automatically copied to your output directory during the..."><i class="ph ph-check-circle" style="color: #059669;"></i> Html Embedding Guide</a>
         <a href="/guides/image-modal-guide.html" class="nav-item" data-tooltip="When users click on any image in your generated documentation, it opens in a professional modal overlay with: Full-screen viewing experience Smooth..."><i class="ph ph-check-circle" style="color: #059669;"></i> Image Modal Guide</a>
@@ -214,6 +216,7 @@
         <a href="/guides/search-engine-verification-guide.html" class="nav-item" data-tooltip="Search engine verification provides access to powerful webmaster tools:."><i class="ph ph-check-circle" style="color: #059669;"></i> Search Engine Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Guide</a>
         <a href="/guides/seo-optimization-guide.html" class="nav-item" data-tooltip="Comprehensive guide to optimizing documentation for search engines. Learn SEO best practices, use built-in features, and improve your rankings."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Optimization Guide</a>
+        <a href="/guides/supabase-authentication-complete-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes built-in Supabase authentication that provides enterprise-grade security with zero configuration."><i class="ph ph-check-circle" style="color: #059669;"></i> Supabase Authentication Complete Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item active" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> Troubleshooting Guide</a>
         <a href="/guides/windows-setup-guide.html" class="nav-item" data-tooltip="This guide helps Windows users set up the complete AI-powered documentation workflow using Claude Code, @knowcode/doc-builder, and Vercel."><i class="ph ph-check-circle" style="color: #059669;"></i> Windows Setup Guide</a></div></div>
       <div class="nav-section private-nav" data-level="1">
@@ -245,6 +248,7 @@
           <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-chat-circle-dots"></i> Prompts
         </a>
         <div class="nav-content collapsed" id="nav-prompts-1">
+        <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
         <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a></div></div>
             </nav>
             <div class="resize-handle"></div>
@@ -261,10 +265,10 @@
 <p>The most common issue users face is npx caching an older version of doc-builder.</p>
 <p><strong>Symptoms:</strong></p>
 <ul>
-<li><i class="ph ph-x-circle" aria-label="error"></i> Running <code>npx @knowcode/doc-builder</code> shows an old version number</li>
-<li><i class="ph ph-x-circle" aria-label="error"></i> New features aren&#39;t available despite updating</li>
-<li><i class="ph ph-x-circle" aria-label="error"></i> Bug fixes don&#39;t appear to be working</li>
-<li><i class="ph ph-x-circle" aria-label="error"></i> Version shown doesn&#39;t match npm registry</li>
+<li><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> Running <code>npx @knowcode/doc-builder</code> shows an old version number</li>
+<li><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> New features aren&#39;t available despite updating</li>
+<li><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> Bug fixes don&#39;t appear to be working</li>
+<li><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> Version shown doesn&#39;t match npm registry</li>
 </ul>
 <p><strong>Example:</strong></p>
 <pre><code class="language-bash">$ npx @knowcode/doc-builder@latest --version
@@ -327,10 +331,10 @@ npx doc-builder deploy  # Uses local version
 </li>
 <li><p><strong>Ensure correct file extensions:</strong></p>
 <ul>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> <code>README.md</code></li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> <code>guide.md</code></li>
-<li><i class="ph ph-x-circle" aria-label="error"></i> <code>README.txt</code></li>
-<li><i class="ph ph-x-circle" aria-label="error"></i> <code>guide.markdown</code></li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> <code>README.md</code></li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> <code>guide.md</code></li>
+<li><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> <code>README.txt</code></li>
+<li><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> <code>guide.markdown</code></li>
 </ul>
 </li>
 <li><p><strong>Use custom input directory:</strong></p>
@@ -410,9 +414,9 @@ npx @knowcode/doc-builder@latest set-production-url https://my-docs.vercel.app
 <ol>
 <li><p><strong>Check file name:</strong></p>
 <ul>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> <code>doc-builder.config.js</code></li>
-<li><i class="ph ph-x-circle" aria-label="error"></i> <code>docbuilder.config.js</code></li>
-<li><i class="ph ph-x-circle" aria-label="error"></i> <code>doc-builder-config.js</code></li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> <code>doc-builder.config.js</code></li>
+<li><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> <code>docbuilder.config.js</code></li>
+<li><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> <code>doc-builder-config.js</code></li>
 </ul>
 </li>
 <li><p><strong>Verify export format:</strong></p>

package/html/guides/windows-setup-guide.html

@@ -6,6 +6,7 @@
     <meta name="description" content="This guide helps Windows users set up the complete AI-powered documentation workflow using Claude Code, @knowcode/doc-builder, and Vercel. Based on real...">
     <title>Windows Setup Guide for Claude Code &amp; @knowcode...</title>
     
+    <meta name="generator" content="@knowcode/doc-builder by Knowcode Ltd">
     <meta name="author" content="Lindsay Smith">
     <meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, claude, code">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.354Z",
-  "dateModified": "2025-07-29T09:30:31.354Z",
+  "datePublished": "2025-07-31T07:08:27.392Z",
+  "dateModified": "2025-07-31T07:08:27.392Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/windows-setup-guide.html"
@@ -138,7 +139,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.5">Last updated: Jul 29, 2025, 09:30 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.11">Last updated: Jul 31, 2025, 07:08 AM UTC</span>
                 </div>
                 
                 
@@ -204,6 +205,7 @@
         <a href="/guides/authentication-default-change.html" class="nav-item" data-tooltip="Starting from version 1.7.4, @knowcode/doc-builder now defaults to no authentication for all documentation sites."><i class="ph ph-file-text"></i> Authentication Default Change</a>
         <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder supports enterprise-grade authentication through Supabase - a secure, scalable authentication platform."><i class="ph ph-check-circle" style="color: #059669;"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Claude Workflow Guide</a>
+        <a href="/guides/configuration-guide.html" class="nav-item" data-tooltip="This guide explains how @knowcode/doc-builder handles configuration files and settings."><i class="ph ph-check-circle" style="color: #059669;"></i> Configuration Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Standards</a>
         <a href="/guides/html-embedding-guide.html" class="nav-item" data-tooltip="Starting from version 1.9.2, doc-builder treats HTML files ( and ) as attachments that are automatically copied to your output directory during the..."><i class="ph ph-check-circle" style="color: #059669;"></i> Html Embedding Guide</a>
         <a href="/guides/image-modal-guide.html" class="nav-item" data-tooltip="When users click on any image in your generated documentation, it opens in a professional modal overlay with: Full-screen viewing experience Smooth..."><i class="ph ph-check-circle" style="color: #059669;"></i> Image Modal Guide</a>
@@ -214,6 +216,7 @@
         <a href="/guides/search-engine-verification-guide.html" class="nav-item" data-tooltip="Search engine verification provides access to powerful webmaster tools:."><i class="ph ph-check-circle" style="color: #059669;"></i> Search Engine Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Guide</a>
         <a href="/guides/seo-optimization-guide.html" class="nav-item" data-tooltip="Comprehensive guide to optimizing documentation for search engines. Learn SEO best practices, use built-in features, and improve your rankings."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Optimization Guide</a>
+        <a href="/guides/supabase-authentication-complete-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes built-in Supabase authentication that provides enterprise-grade security with zero configuration."><i class="ph ph-check-circle" style="color: #059669;"></i> Supabase Authentication Complete Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> Troubleshooting Guide</a>
         <a href="/guides/windows-setup-guide.html" class="nav-item active" data-tooltip="This guide helps Windows users set up the complete AI-powered documentation workflow using Claude Code, @knowcode/doc-builder, and Vercel."><i class="ph ph-check-circle" style="color: #059669;"></i> Windows Setup Guide</a></div></div>
       <div class="nav-section private-nav" data-level="1">
@@ -245,6 +248,7 @@
           <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-chat-circle-dots"></i> Prompts
         </a>
         <div class="nav-content collapsed" id="nav-prompts-1">
+        <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
         <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a></div></div>
             </nav>
             <div class="resize-handle"></div>
@@ -259,17 +263,17 @@
 <h2>Quick Prerequisites Overview</h2>
 <p><strong>Required Accounts:</strong></p>
 <ul>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> <strong>Claude Pro or Max</strong> subscription ($20-200/month) - <a href="https://claude.ai">claude.ai</a></li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> <strong>Vercel</strong> account (free Hobby plan) - <a href="https://vercel.com">vercel.com</a></li>
-<li><i class="ph ph-star" aria-label="star"></i> <strong>GitHub</strong> account (optional but recommended) - <a href="https://github.com">github.com</a></li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> <strong>Claude Pro or Max</strong> subscription ($20-200/month) - <a href="https://claude.ai">claude.ai</a></li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> <strong>Vercel</strong> account (free Hobby plan) - <a href="https://vercel.com">vercel.com</a></li>
+<li><i style="font-size: 1.2em" class="ph ph-star" aria-label="star"></i> <strong>GitHub</strong> account (optional but recommended) - <a href="https://github.com">github.com</a></li>
 </ul>
 <p><strong>Required Software:</strong></p>
 <ul>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Windows 10/11 with Administrator access</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Node.js 14+ and npm - <a href="https://nodejs.org">nodejs.org</a></li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Git for Windows - <a href="https://gitforwindows.org">gitforwindows.org</a></li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> PowerShell 5.1+ (included with Windows)</li>
-<li><i class="ph ph-star" aria-label="star"></i> Visual Studio Code (recommended) - <a href="https://code.visualstudio.com">code.visualstudio.com</a></li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Windows 10/11 with Administrator access</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Node.js 14+ and npm - <a href="https://nodejs.org">nodejs.org</a></li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Git for Windows - <a href="https://gitforwindows.org">gitforwindows.org</a></li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> PowerShell 5.1+ (included with Windows)</li>
+<li><i style="font-size: 1.2em" class="ph ph-star" aria-label="star"></i> Visual Studio Code (recommended) - <a href="https://code.visualstudio.com">code.visualstudio.com</a></li>
 </ul>
 <h2>Understanding Claude vs Claude Code</h2>
 <h3>What&#39;s the Difference?</h3>
@@ -364,37 +368,37 @@
 <td><strong>Windows</strong></td>
 <td>10 or 11</td>
 <td>Operating system</td>
-<td><i class="ph ph-check-circle" aria-label="checked"></i> Required</td>
+<td><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Required</td>
 </tr>
 <tr>
 <td><strong>Node.js</strong></td>
 <td>14.0+</td>
 <td>JavaScript runtime</td>
-<td><i class="ph ph-check-circle" aria-label="checked"></i> Required</td>
+<td><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Required</td>
 </tr>
 <tr>
 <td><strong>npm</strong></td>
 <td>(included)</td>
 <td>Package manager</td>
-<td><i class="ph ph-check-circle" aria-label="checked"></i> Required</td>
+<td><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Required</td>
 </tr>
 <tr>
 <td><strong>Git</strong></td>
 <td>Latest</td>
 <td>Version control</td>
-<td><i class="ph ph-check-circle" aria-label="checked"></i> Required</td>
+<td><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Required</td>
 </tr>
 <tr>
 <td><strong>PowerShell</strong></td>
 <td>5.1+</td>
 <td>Command line</td>
-<td><i class="ph ph-check-circle" aria-label="checked"></i> Required</td>
+<td><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Required</td>
 </tr>
 <tr>
 <td><strong>VS Code</strong></td>
 <td>Latest</td>
 <td>Code editor</td>
-<td><i class="ph ph-star" aria-label="star"></i> Recommended</td>
+<td><i style="font-size: 1.2em" class="ph ph-star" aria-label="star"></i> Recommended</td>
 </tr>
 </tbody></table>
 <h3>Administrative Requirements</h3>
@@ -474,7 +478,7 @@
 </li>
 </ul>
 <h2>Step 1: Enable PowerShell Script Execution</h2>
-<p><strong><i class="ph ph-warning-circle" aria-label="warning"></i> IMPORTANT</strong>: This must be done FIRST as Administrator</p>
+<p><strong><i style="font-size: 1.2em" class="ph ph-warning-circle" aria-label="warning"></i> IMPORTANT</strong>: This must be done FIRST as Administrator</p>
 <h3>Open PowerShell as Administrator</h3>
 <ol>
 <li>Press <code>Windows + X</code></li>
@@ -496,11 +500,11 @@
 <li>Go to <a href="https://nodejs.org/en/download/">Node.js Downloads</a></li>
 <li>Download the <strong>Windows Installer (.msi)</strong> for your system (64-bit recommended)</li>
 <li>Run the installer with these settings:<ul>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Accept the license agreement</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Default installation location</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> <strong>IMPORTANT</strong>: Ensure &quot;npm package manager&quot; is checked</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Add to PATH (should be checked by default)</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Automatically install necessary tools (optional but recommended)</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Accept the license agreement</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Default installation location</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> <strong>IMPORTANT</strong>: Ensure &quot;npm package manager&quot; is checked</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Add to PATH (should be checked by default)</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Automatically install necessary tools (optional but recommended)</li>
 </ul>
 </li>
 </ol>
@@ -523,11 +527,11 @@ npm -v
 <li>Go to <a href="https://gitforwindows.org/">Git for Windows</a></li>
 <li>Download the installer</li>
 <li>Run with these recommended settings:<ul>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Use Visual Studio Code as default editor</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Git from the command line and also from 3rd-party software</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Use bundled OpenSSH</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Checkout Windows-style, commit Unix-style line endings</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Use Windows&#39; default console window</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Use Visual Studio Code as default editor</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Git from the command line and also from 3rd-party software</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Use bundled OpenSSH</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Checkout Windows-style, commit Unix-style line endings</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Use Windows&#39; default console window</li>
 </ul>
 </li>
 </ol>
@@ -549,19 +553,19 @@ npm -v
 <tbody><tr>
 <td><strong>Free</strong></td>
 <td>$0/month</td>
-<td><i class="ph ph-x-circle" aria-label="error"></i> No access</td>
+<td><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> No access</td>
 <td>Basic chat only</td>
 </tr>
 <tr>
 <td><strong>Pro</strong></td>
 <td>$20/month</td>
-<td><i class="ph ph-check-circle" aria-label="checked"></i> Full access</td>
+<td><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Full access</td>
 <td>Individual developers</td>
 </tr>
 <tr>
 <td><strong>Max</strong></td>
 <td>$200/month</td>
-<td><i class="ph ph-check-circle" aria-label="checked"></i> Full access</td>
+<td><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Full access</td>
 <td>Power users, higher limits</td>
 </tr>
 </tbody></table>
@@ -743,10 +747,10 @@ vercel login
 </ol>
 <p><strong>Solution</strong>:<br>Use a valid project name following these rules:</p>
 <ul>
-<li><strong>Lowercase only</strong>: <code>my-docs</code> <i class="ph ph-check-circle" aria-label="checked"></i>, <code>My-Docs</code> <i class="ph ph-x-circle" aria-label="error"></i></li>
-<li><strong>Start with letter</strong>: <code>api-docs</code> <i class="ph ph-check-circle" aria-label="checked"></i>, <code>123-docs</code> <i class="ph ph-x-circle" aria-label="error"></i></li>
+<li><strong>Lowercase only</strong>: <code>my-docs</code> <i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i>, <code>My-Docs</code> <i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i></li>
+<li><strong>Start with letter</strong>: <code>api-docs</code> <i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i>, <code>123-docs</code> <i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i></li>
 <li><strong>Valid characters</strong>: Letters, numbers, <code>.</code>, <code>_</code>, <code>-</code></li>
-<li><strong>No triple hyphens</strong>: <code>my-cool-docs</code> <i class="ph ph-check-circle" aria-label="checked"></i>, <code>my---docs</code> <i class="ph ph-x-circle" aria-label="error"></i></li>
+<li><strong>No triple hyphens</strong>: <code>my-cool-docs</code> <i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i>, <code>my---docs</code> <i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i></li>
 </ul>
 <p><strong>Examples of valid names</strong>:</p>
 <ul>

package/html/image-modal-test.html

@@ -6,6 +6,7 @@
     <meta name="description" content="This document tests the new image modal functionality in doc-builder.">
     <title>Image Modal Test | @knowcode/doc-builder</title>
     
+    <meta name="generator" content="@knowcode/doc-builder by Knowcode Ltd">
     <meta name="author" content="Lindsay Smith">
     <meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, image, modal">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.355Z",
-  "dateModified": "2025-07-29T09:30:31.355Z",
+  "datePublished": "2025-07-31T07:08:27.394Z",
+  "dateModified": "2025-07-31T07:08:27.394Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/image-modal-test.html"
@@ -132,7 +133,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.5">Last updated: Jul 29, 2025, 09:30 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.11">Last updated: Jul 31, 2025, 07:08 AM UTC</span>
                 </div>
                 
                 
@@ -198,6 +199,7 @@
         <a href="/guides/authentication-default-change.html" class="nav-item" data-tooltip="Starting from version 1.7.4, @knowcode/doc-builder now defaults to no authentication for all documentation sites."><i class="ph ph-file-text"></i> Authentication Default Change</a>
         <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder supports enterprise-grade authentication through Supabase - a secure, scalable authentication platform."><i class="ph ph-check-circle" style="color: #059669;"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Claude Workflow Guide</a>
+        <a href="/guides/configuration-guide.html" class="nav-item" data-tooltip="This guide explains how @knowcode/doc-builder handles configuration files and settings."><i class="ph ph-check-circle" style="color: #059669;"></i> Configuration Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Standards</a>
         <a href="/guides/html-embedding-guide.html" class="nav-item" data-tooltip="Starting from version 1.9.2, doc-builder treats HTML files ( and ) as attachments that are automatically copied to your output directory during the..."><i class="ph ph-check-circle" style="color: #059669;"></i> Html Embedding Guide</a>
         <a href="/guides/image-modal-guide.html" class="nav-item" data-tooltip="When users click on any image in your generated documentation, it opens in a professional modal overlay with: Full-screen viewing experience Smooth..."><i class="ph ph-check-circle" style="color: #059669;"></i> Image Modal Guide</a>
@@ -208,6 +210,7 @@
         <a href="/guides/search-engine-verification-guide.html" class="nav-item" data-tooltip="Search engine verification provides access to powerful webmaster tools:."><i class="ph ph-check-circle" style="color: #059669;"></i> Search Engine Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Guide</a>
         <a href="/guides/seo-optimization-guide.html" class="nav-item" data-tooltip="Comprehensive guide to optimizing documentation for search engines. Learn SEO best practices, use built-in features, and improve your rankings."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Optimization Guide</a>
+        <a href="/guides/supabase-authentication-complete-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes built-in Supabase authentication that provides enterprise-grade security with zero configuration."><i class="ph ph-check-circle" style="color: #059669;"></i> Supabase Authentication Complete Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> Troubleshooting Guide</a>
         <a href="/guides/windows-setup-guide.html" class="nav-item" data-tooltip="This guide helps Windows users set up the complete AI-powered documentation workflow using Claude Code, @knowcode/doc-builder, and Vercel."><i class="ph ph-check-circle" style="color: #059669;"></i> Windows Setup Guide</a></div></div>
       <div class="nav-section private-nav" data-level="1">
@@ -239,6 +242,7 @@
           <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-chat-circle-dots"></i> Prompts
         </a>
         <div class="nav-content collapsed" id="nav-prompts-1">
+        <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
         <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a></div></div>
             </nav>
             <div class="resize-handle"></div>

package/html/index.html

@@ -6,6 +6,7 @@
     <meta name="description" content="&lt;div align=&quot;center&quot;&gt;">
     <title>@knowcode/doc-builder | @knowcode/doc-builder</title>
     
+    <meta name="generator" content="@knowcode/doc-builder by Knowcode Ltd">
     <meta name="author" content="Lindsay Smith">
     <meta name="keywords" content="documentation, markdown, static site generator, vercel, notion-style, width, table">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.298Z",
-  "dateModified": "2025-07-29T09:30:31.298Z",
+  "datePublished": "2025-07-31T07:08:27.327Z",
+  "dateModified": "2025-07-31T07:08:27.327Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/README.html"
@@ -132,7 +133,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.5">Last updated: Jul 29, 2025, 09:30 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.11">Last updated: Jul 31, 2025, 07:08 AM UTC</span>
                 </div>
                 
                 
@@ -198,6 +199,7 @@
         <a href="/guides/authentication-default-change.html" class="nav-item" data-tooltip="Starting from version 1.7.4, @knowcode/doc-builder now defaults to no authentication for all documentation sites."><i class="ph ph-file-text"></i> Authentication Default Change</a>
         <a href="/guides/authentication-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder supports enterprise-grade authentication through Supabase - a secure, scalable authentication platform."><i class="ph ph-check-circle" style="color: #059669;"></i> Authentication Guide</a>
         <a href="/guides/claude-workflow-guide.html" class="nav-item" data-tooltip="This guide demonstrates an efficient workflow for using Claude Code with a refined CLAUDE.md file to create high-quality documentation and deploy it..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Claude Workflow Guide</a>
+        <a href="/guides/configuration-guide.html" class="nav-item" data-tooltip="This guide explains how @knowcode/doc-builder handles configuration files and settings."><i class="ph ph-check-circle" style="color: #059669;"></i> Configuration Guide</a>
         <a href="/guides/documentation-standards.html" class="nav-item" data-tooltip="This document defines the documentation standards and conventions for the @knowcode/doc-builder project."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Standards</a>
         <a href="/guides/html-embedding-guide.html" class="nav-item" data-tooltip="Starting from version 1.9.2, doc-builder treats HTML files ( and ) as attachments that are automatically copied to your output directory during the..."><i class="ph ph-check-circle" style="color: #059669;"></i> Html Embedding Guide</a>
         <a href="/guides/image-modal-guide.html" class="nav-item" data-tooltip="When users click on any image in your generated documentation, it opens in a professional modal overlay with: Full-screen viewing experience Smooth..."><i class="ph ph-check-circle" style="color: #059669;"></i> Image Modal Guide</a>
@@ -208,6 +210,7 @@
         <a href="/guides/search-engine-verification-guide.html" class="nav-item" data-tooltip="Search engine verification provides access to powerful webmaster tools:."><i class="ph ph-check-circle" style="color: #059669;"></i> Search Engine Verification Guide</a>
         <a href="/guides/seo-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes comprehensive SEO (Search Engine Optimization) features to help your documentation rank better in search results and..."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Guide</a>
         <a href="/guides/seo-optimization-guide.html" class="nav-item" data-tooltip="Comprehensive guide to optimizing documentation for search engines. Learn SEO best practices, use built-in features, and improve your rankings."><i class="ph ph-check-circle" style="color: #059669;"></i> Seo Optimization Guide</a>
+        <a href="/guides/supabase-authentication-complete-guide.html" class="nav-item" data-tooltip="@knowcode/doc-builder includes built-in Supabase authentication that provides enterprise-grade security with zero configuration."><i class="ph ph-check-circle" style="color: #059669;"></i> Supabase Authentication Complete Guide</a>
         <a href="/guides/troubleshooting-guide.html" class="nav-item" data-tooltip="This guide helps you resolve common issues when using @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> Troubleshooting Guide</a>
         <a href="/guides/windows-setup-guide.html" class="nav-item" data-tooltip="This guide helps Windows users set up the complete AI-powered documentation workflow using Claude Code, @knowcode/doc-builder, and Vercel."><i class="ph ph-check-circle" style="color: #059669;"></i> Windows Setup Guide</a></div></div>
       <div class="nav-section private-nav" data-level="1">
@@ -239,6 +242,7 @@
           <i class="ph ph-caret-right collapse-icon"></i><i class="ph ph-chat-circle-dots"></i> Prompts
         </a>
         <div class="nav-content" id="nav-prompts-1">
+        <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
         <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a></div></div>
             </nav>
             <div class="resize-handle"></div>
@@ -254,26 +258,26 @@
 <p>Transform your markdown documentation into beautiful, searchable websites with Notion-inspired styling</p>
 </blockquote>
 <p><a href="https://www.npmjs.com/package/@knowcode/doc-builder"><img src="https://img.shields.io/npm/v/@knowcode/doc-builder" alt="npm version"></a><br><a href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="License: MIT"></a></p>
-<h3><i class="ph ph-rocket-launch" aria-label="launch"></i> Quick Start</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> Quick Start</h3>
 <pre><code class="language-bash">npx @knowcode/doc-builder@latest deploy
 </code></pre>
 <p><a href="https://doc-builder-delta.vercel.app"><strong>You are looking at a demo</strong></a> | <a href="https://www.npmjs.com/package/@knowcode/doc-builder"><strong>NPM Package</strong></a> | <a href="https://github.com/wapdat/doc-builder"><strong>GitHub</strong></a></p>
 </div>
 
 <hr>
-<h2><i class="ph ph-sparkle" aria-label="special"></i> Features</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-sparkle" aria-label="special"></i> Features</h2>
 <table>
 <tr>
 <td width="50%">
 
-<h3><i class="ph ph-palette" aria-label="design"></i> Design &amp; UX</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-palette" aria-label="design"></i> Design &amp; UX</h3>
 <ul>
 <li><strong>Notion-inspired UI</strong> - Clean, modern interface</li>
 <li><strong>Dark mode support</strong> - Automatic theme switching</li>
 <li><strong>Responsive layout</strong> - Perfect on any device</li>
 <li><strong>Syntax highlighting</strong> - Beautiful code blocks</li>
 </ul>
-<h3><i class="ph ph-magnifying-glass" aria-label="search"></i> Navigation</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-magnifying-glass" aria-label="search"></i> Navigation</h3>
 <ul>
 <li><strong>Full-text search</strong> - Find anything instantly</li>
 <li><strong>Smart navigation</strong> - Hierarchical structure</li>
@@ -283,14 +287,14 @@
 </td>
 <td width="50%">
 
-<h3><i class="ph ph-chart-bar" aria-label="chart"></i> Content Support</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-chart-bar" aria-label="chart"></i> Content Support</h3>
 <ul>
 <li><strong>Mermaid diagrams</strong> - Visual documentation</li>
 <li><strong>GitHub markdown</strong> - Full GFM support</li>
 <li><strong>Interactive tooltips</strong> - Document previews</li>
 <li><strong>Version tracking</strong> - Build metadata</li>
 </ul>
-<h3><i class="ph ph-rocket-launch" aria-label="launch"></i> Deployment</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> Deployment</h3>
 <ul>
 <li><strong>One-command deploy</strong> - Push to Vercel</li>
 <li><strong>Static generation</strong> - Fast &amp; secure</li>
@@ -301,7 +305,7 @@
 </tr>
 </table>
 
-<h2><i class="ph ph-target" aria-label="goal"></i> Use Cases</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-target" aria-label="goal"></i> Use Cases</h2>
 <table>
 <tr>
 <td width="25%">
@@ -327,7 +331,7 @@
 </tr>
 </table>
 
-<h2><i class="ph ph-gear-six" aria-label="tools"></i> Simple Workflow</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-gear-six" aria-label="tools"></i> Simple Workflow</h2>
 <table>
 <tr>
 <td width="50%">
@@ -347,8 +351,15 @@
 </tr>
 </table>
 
-<h2><i class="ph ph-gear" aria-label="settings"></i> Configuration</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-gear" aria-label="settings"></i> Configuration</h2>
 <p>Configuration is fully managed through the CLI tools - no manual file editing required! The tool handles all settings automatically during setup and deployment.</p>
+<h3><i style="font-size: 1.2em" class="ph ph-arrows-clockwise" aria-label="refresh"></i> Auto-Configuration</h3>
+<ul>
+<li><strong>Auto-creation</strong>: If no <code>doc-builder.config.js</code> exists, one is created with all default settings</li>
+<li><strong>Auto-update</strong>: When upgrading versions, new features are automatically added to your config</li>
+<li><strong>Safe migration</strong>: Your customizations are preserved while adding new defaults</li>
+<li><strong>Backup protection</strong>: Config files are backed up before major updates</li>
+</ul>
 <table>
 <tr>
 <td width="50%">
@@ -382,7 +393,7 @@ features: {
 </tr>
 </table>
 
-<h2><i class="ph ph-chart-bar" aria-label="chart"></i> Rich Content Examples</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-chart-bar" aria-label="chart"></i> Rich Content Examples</h2>
 <table>
 <tr>
 <td width="50%">
@@ -413,12 +424,12 @@ docBuilder.build({
 </tr>
 </table>
 
-<h2><i class="ph ph-star-four" aria-label="sparkle"></i> Why Choose doc-builder?</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-star-four" aria-label="sparkle"></i> Why Choose doc-builder?</h2>
 <table>
 <tr>
 <td width="33%">
 
-<h3><i class="ph ph-rocket-launch" aria-label="launch"></i> Performance</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> Performance</h3>
 <ul>
 <li><strong>Lightning fast</strong> - Static generation</li>
 <li><strong>SEO optimized</strong> - Search friendly</li>
@@ -427,7 +438,7 @@ docBuilder.build({
 </td>
 <td width="33%">
 
-<h3><i class="ph ph-gear-six" aria-label="tools"></i> Developer Experience</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-gear-six" aria-label="tools"></i> Developer Experience</h3>
 <ul>
 <li><strong>Zero config</strong> - Works instantly</li>
 <li><strong>Version control</strong> - Git-friendly</li>
@@ -436,7 +447,7 @@ docBuilder.build({
 </td>
 <td width="33%">
 
-<h3><i class="ph ph-money" aria-label="money"></i> Cost Effective</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-money" aria-label="money"></i> Cost Effective</h3>
 <ul>
 <li><strong>Free hosting</strong> - Vercel free tier</li>
 <li><strong>No vendor lock-in</strong> - Your content</li>
@@ -446,7 +457,7 @@ docBuilder.build({
 </tr>
 </table>
 
-<h2><i class="ph ph-handshake" aria-label="partnership"></i> Get Involved</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-handshake" aria-label="partnership"></i> Get Involved</h2>
 <table>
 <tr>
 <td width="50%">
@@ -455,10 +466,10 @@ docBuilder.build({
 <p>We welcome contributions! Check our <a href="https://github.com/wapdat/doc-builder">contribution guide</a> to get started.</p>
 <p><strong>Ways to help:</strong></p>
 <ul>
-<li><i class="ph ph-bug" aria-label="bug"></i> Report bugs</li>
-<li><i class="ph ph-lightbulb" aria-label="idea"></i> Suggest features</li>
-<li><i class="ph ph-note-pencil" aria-label="edit"></i> Improve docs</li>
-<li><i class="ph ph-wrench" aria-label="settings"></i> Submit PRs</li>
+<li><i style="font-size: 1.2em" class="ph ph-bug" aria-label="bug"></i> Report bugs</li>
+<li><i style="font-size: 1.2em" class="ph ph-lightbulb" aria-label="idea"></i> Suggest features</li>
+<li><i style="font-size: 1.2em" class="ph ph-note-pencil" aria-label="edit"></i> Improve docs</li>
+<li><i style="font-size: 1.2em" class="ph ph-wrench" aria-label="settings"></i> Submit PRs</li>
 </ul>
 </td>
 <td width="50%">
@@ -467,10 +478,10 @@ docBuilder.build({
 <p>Join our growing community of documentation enthusiasts!</p>
 <p><strong>Connect with us:</strong></p>
 <ul>
-<li><i class="ph ph-package" aria-label="package"></i> <a href="https://www.npmjs.com/package/@knowcode/doc-builder">NPM Package</a></li>
-<li><i class="ph ph-github-logo" aria-label="github"></i> <a href="https://github.com/wapdat/doc-builder">GitHub Repo</a></li>
-<li><i class="ph ph-globe" aria-label="global"></i> <a href="https://knowcode.com">Website</a></li>
-<li><i class="ph ph-chat-circle" aria-label="chat"></i> <a href="https://github.com/wapdat/doc-builder/discussions">Discussions</a></li>
+<li><i style="font-size: 1.2em" class="ph ph-package" aria-label="package"></i> <a href="https://www.npmjs.com/package/@knowcode/doc-builder">NPM Package</a></li>
+<li><i style="font-size: 1.2em" class="ph ph-github-logo" aria-label="github"></i> <a href="https://github.com/wapdat/doc-builder">GitHub Repo</a></li>
+<li><i style="font-size: 1.2em" class="ph ph-globe" aria-label="global"></i> <a href="https://knowcode.com">Website</a></li>
+<li><i style="font-size: 1.2em" class="ph ph-chat-circle" aria-label="chat"></i> <a href="https://github.com/wapdat/doc-builder/discussions">Discussions</a></li>
 </ul>
 </td>
 </tr>
@@ -479,8 +490,8 @@ docBuilder.build({
 <hr>
 <div align="center">
 
-<h3><i class="ph ph-note-pencil" aria-label="edit"></i> License: MIT © KnowCode</h3>
-<p>Built with <i class="ph ph-heart" aria-label="love"></i> by developers, for developers</p>
+<h3><i style="font-size: 1.2em" class="ph ph-note-pencil" aria-label="edit"></i> License: MIT © KnowCode</h3>
+<p>Built with <i style="font-size: 1.2em" class="ph ph-heart" aria-label="love"></i> by developers, for developers</p>
 <p><a href="https://www.npmjs.com/package/@knowcode/doc-builder"><strong>Get Started</strong></a> | <a href="https://doc-builder-delta.vercel.app"><strong>You are looking at a demo</strong></a> | <a href="https://github.com/wapdat/doc-builder"><strong>Star on GitHub</strong></a></p>
 </div>