@knowcode/doc-builder 1.9.10 → 1.9.12

package/html/guides/image-modal-guide.html

@@ -6,6 +6,7 @@
     <meta name="description" content="The @knowcode/doc-builder includes a powerful image modal system that automatically transforms all images in your documentation into clickable, full-screen...">
     <title>Image Modal Guide | @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, images, modal">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.328Z",
-  "dateModified": "2025-07-29T09:30:31.328Z",
+  "datePublished": "2025-07-31T07:08:27.360Z",
+  "dateModified": "2025-07-31T07:08:27.360Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/image-modal-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 active" 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" 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>
@@ -295,14 +299,14 @@
 </code></pre>
 <h3>Best Practices for Alt Text</h3>
 <p>Since alt text becomes the modal caption, write descriptive, meaningful descriptions:</p>
-<p><strong><i class="ph ph-check-circle" aria-label="checked"></i> Good Alt Text:</strong></p>
+<p><strong><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Good Alt Text:</strong></p>
 <pre><code class="language-markdown">![User profile settings page with form fields for name, email, and password](images/profile-settings.png)
 
 ![Mermaid diagram showing the authentication flow from login to dashboard access](diagrams/auth-flow.png)
 
 ![Screenshot of Vercel deployment dashboard with project settings highlighted](images/vercel-deployment.png)
 </code></pre>
-<p><strong><i class="ph ph-x-circle" aria-label="error"></i> Poor Alt Text:</strong></p>
+<p><strong><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> Poor Alt Text:</strong></p>
 <pre><code class="language-markdown">![Screenshot](img1.png)
 ![Image](picture.jpg)
 ![](diagram.svg)

package/html/guides/phosphor-icons-guide.html

@@ -6,6 +6,7 @@
     <meta name="description" content="@knowcode/doc-builder automatically converts Unicode emojis in your markdown files to beautiful Phosphor icons in the generated HTML. This provides...">
     <title>Phosphor Icons Integration Guide | @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, icon, icons">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.331Z",
-  "dateModified": "2025-07-29T09:30:31.331Z",
+  "datePublished": "2025-07-31T07:08:27.363Z",
+  "dateModified": "2025-07-31T07:08:27.363Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/phosphor-icons-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" 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>
@@ -265,9 +269,9 @@
 </code></pre>
 <p>They are automatically converted to Phosphor icons in HTML:</p>
 <ul>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> → Check circle icon</li>
-<li><i class="ph ph-x-circle" aria-label="error"></i> → X circle icon  </li>
-<li><i class="ph ph-rocket-launch" aria-label="launch"></i> → Rocket launch icon</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> → Check circle icon</li>
+<li><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> → X circle icon  </li>
+<li><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> → Rocket launch icon</li>
 </ul>
 <h3>Benefits</h3>
 <ul>
@@ -308,27 +312,27 @@
 </tr>
 </thead>
 <tbody><tr>
-<td><i class="ph ph-check-circle" aria-label="checked"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i></td>
 <td>Check circle</td>
 <td>Success, completed, verified</td>
 </tr>
 <tr>
-<td><i class="ph ph-x-circle" aria-label="error"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i></td>
 <td>X circle</td>
 <td>Error, failed, incorrect</td>
 </tr>
 <tr>
-<td><i class="ph ph-question" aria-label="question"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-question" aria-label="question"></i></td>
 <td>Question mark</td>
 <td>Unknown, uncertain</td>
 </tr>
 <tr>
-<td><i class="ph ph-warning-circle" aria-label="warning"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-warning-circle" aria-label="warning"></i></td>
 <td>Warning circle</td>
 <td>Caution, important note</td>
 </tr>
 <tr>
-<td><i class="ph ph-prohibit-inset" aria-label="not allowed"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-prohibit-inset" aria-label="not allowed"></i></td>
 <td>Prohibit</td>
 <td>Not allowed, forbidden</td>
 </tr>
@@ -343,27 +347,27 @@
 </tr>
 </thead>
 <tbody><tr>
-<td><i class="ph ph-laptop" aria-label="laptop"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-laptop" aria-label="laptop"></i></td>
 <td>Laptop</td>
 <td>Development, coding</td>
 </tr>
 <tr>
-<td><i class="ph ph-wrench" aria-label="settings"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-wrench" aria-label="settings"></i></td>
 <td>Wrench</td>
 <td>Configuration, settings</td>
 </tr>
 <tr>
-<td><i class="ph ph-bug" aria-label="bug"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-bug" aria-label="bug"></i></td>
 <td>Bug</td>
 <td>Issues, debugging</td>
 </tr>
 <tr>
-<td><i class="ph ph-rocket-launch" aria-label="launch"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i></td>
 <td>Rocket</td>
 <td>Launch, deploy, release</td>
 </tr>
 <tr>
-<td><i class="ph ph-lightning" aria-label="fast"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-lightning" aria-label="fast"></i></td>
 <td>Lightning</td>
 <td>Performance, speed</td>
 </tr>
@@ -378,22 +382,22 @@
 </tr>
 </thead>
 <tbody><tr>
-<td><i class="ph ph-note-pencil" aria-label="edit"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-note-pencil" aria-label="edit"></i></td>
 <td>Note pencil</td>
 <td>Edit, write</td>
 </tr>
 <tr>
-<td><i class="ph ph-books" aria-label="documentation"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-books" aria-label="documentation"></i></td>
 <td>Books</td>
 <td>Documentation, guides</td>
 </tr>
 <tr>
-<td><i class="ph ph-folder" aria-label="folder"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-folder" aria-label="folder"></i></td>
 <td>Folder</td>
 <td>Directory, category</td>
 </tr>
 <tr>
-<td><i class="ph ph-link" aria-label="link"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-link" aria-label="link"></i></td>
 <td>Link</td>
 <td>URL, connection</td>
 </tr>
@@ -408,17 +412,17 @@
 </tr>
 </thead>
 <tbody><tr>
-<td><i class="ph ph-chat-circle" aria-label="chat"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-chat-circle" aria-label="chat"></i></td>
 <td>Chat circle</td>
 <td>Comments, discussion</td>
 </tr>
 <tr>
-<td><i class="ph ph-envelope" aria-label="email"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-envelope" aria-label="email"></i></td>
 <td>Envelope</td>
 <td>Email, message</td>
 </tr>
 <tr>
-<td><i class="ph ph-bell" aria-label="notification"></i></td>
+<td><i style="font-size: 1.2em" class="ph ph-bell" aria-label="notification"></i></td>
 <td>Bell</td>
 <td>Notification, alert</td>
 </tr>

package/html/guides/private-directory-authentication-troubleshooting.html

@@ -6,6 +6,7 @@
     <meta name="description" content="When your private directory isn&#039;t being authentication protected after building, follow this diagnostic checklist to identify and resolve the issue.">
     <title>Private Directory Authentication Troubleshooting</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, check, private">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.334Z",
-  "dateModified": "2025-07-29T09:30:31.334Z",
+  "datePublished": "2025-07-31T07:08:27.366Z",
+  "dateModified": "2025-07-31T07:08:27.366Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/private-directory-authentication-troubleshooting.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" 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>
@@ -256,7 +260,7 @@
                 <h1>Private Directory Authentication Troubleshooting</h1>
 <p>When your private directory isn&#39;t being authentication protected after building, follow this diagnostic checklist to identify and resolve the issue.</p>
 <h2>Quick Diagnostic Checklist</h2>
-<h3>1. <i class="ph ph-crane" aria-label="construction"></i> Build Process Detection</h3>
+<h3>1. <i style="font-size: 1.2em" class="ph ph-crane" aria-label="construction"></i> Build Process Detection</h3>
 <p><strong>Check if authentication was detected during build:</strong></p>
 <pre><code class="language-bash">npm run build
 </code></pre>
@@ -264,13 +268,13 @@
 <pre><code>🔐 Found private directory - automatically enabling Supabase authentication
    Note: Grant users access by adding domain to the docbuilder_access table
 </code></pre>
-<p><i class="ph ph-x-circle" aria-label="error"></i> <strong>If you DON&#39;T see this message:</strong></p>
+<p><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> <strong>If you DON&#39;T see this message:</strong></p>
 <ul>
 <li>Your <code>docs/private/</code> directory may not exist or be empty</li>
 <li>The directory might not be properly named (check spelling/case)</li>
 <li>The build process may not have sufficient permissions to read the directory</li>
 </ul>
-<h3>2. <i class="ph ph-folder" aria-label="folder"></i> Directory Structure Check</h3>
+<h3>2. <i style="font-size: 1.2em" class="ph ph-folder" aria-label="folder"></i> Directory Structure Check</h3>
 <p><strong>Verify your directory structure:</strong></p>
 <pre><code class="language-bash">ls -la docs/
 </code></pre>
@@ -283,18 +287,18 @@
     └── admin/         # 🔐 Should require auth
         └── config.md  # 🔐 Should require auth
 </code></pre>
-<p><i class="ph ph-x-circle" aria-label="error"></i> <strong>Common issues:</strong></p>
+<p><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> <strong>Common issues:</strong></p>
 <ul>
 <li><code>Private/</code> (capital P) instead of <code>private/</code> (lowercase)</li>
 <li>Empty <code>private/</code> directory</li>
 <li><code>private</code> file instead of directory</li>
 <li>Symlinks that aren&#39;t properly resolved</li>
 </ul>
-<h3>3. <i class="ph ph-magnifying-glass" aria-label="search"></i> Generated HTML Verification</h3>
+<h3>3. <i style="font-size: 1.2em" class="ph ph-magnifying-glass" aria-label="search"></i> Generated HTML Verification</h3>
 <p><strong>Check if auth.js was included in your build:</strong></p>
 <pre><code class="language-bash">ls -la html/js/auth.js
 </code></pre>
-<p><i class="ph ph-x-circle" aria-label="error"></i> <strong>If auth.js is missing:</strong></p>
+<p><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> <strong>If auth.js is missing:</strong></p>
 <ul>
 <li>Authentication wasn&#39;t enabled during build</li>
 <li>Check build logs for errors</li>
@@ -303,8 +307,8 @@
 <p><strong>Check if private files are being built:</strong></p>
 <pre><code class="language-bash">ls -la html/private/
 </code></pre>
-<p><i class="ph ph-check-circle" aria-label="checked"></i> <strong>Expected:</strong> Private HTML files should exist but be protected by authentication<br><i class="ph ph-x-circle" aria-label="error"></i> <strong>Problem:</strong> If private directory doesn&#39;t exist in output, files weren&#39;t processed</p>
-<h3>4. <i class="ph ph-globe" aria-label="global"></i> Browser Testing</h3>
+<p><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> <strong>Expected:</strong> Private HTML files should exist but be protected by authentication<br><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> <strong>Problem:</strong> If private directory doesn&#39;t exist in output, files weren&#39;t processed</p>
+<h3>4. <i style="font-size: 1.2em" class="ph ph-globe" aria-label="global"></i> Browser Testing</h3>
 <p><strong>Test in browser (open DevTools Console):</strong></p>
 <ol>
 <li><strong>Visit a public page</strong> - should load normally</li>
@@ -315,13 +319,13 @@
 // &quot;Checking authentication for private page...&quot;
 // &quot;User not authenticated, redirecting to login&quot;
 </code></pre>
-<p><i class="ph ph-x-circle" aria-label="error"></i> <strong>Common issues:</strong></p>
+<p><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> <strong>Common issues:</strong></p>
 <ul>
 <li>No console messages = auth.js not loading</li>
 <li>JavaScript errors = Supabase connection issues</li>
 <li>Page loads without auth = private pages not properly protected</li>
 </ul>
-<h3>5. <i class="ph ph-key" aria-label="key"></i> Authentication Configuration</h3>
+<h3>5. <i style="font-size: 1.2em" class="ph ph-key" aria-label="key"></i> Authentication Configuration</h3>
 <p><strong>Check Supabase connection:</strong></p>
 <pre><code class="language-bash">grep -r &quot;supabase&quot; html/js/auth.js
 </code></pre>
@@ -331,7 +335,7 @@
 <li>Valid anonymous key</li>
 <li>Domain checking logic</li>
 </ul>
-<p><i class="ph ph-x-circle" aria-label="error"></i> <strong>Red flags:</strong></p>
+<p><i style="font-size: 1.2em" class="ph ph-x-circle" aria-label="error"></i> <strong>Red flags:</strong></p>
 <ul>
 <li>Missing Supabase credentials</li>
 <li>Localhost-only configuration in production</li>
@@ -471,13 +475,13 @@ if (typeof supabase !== &#39;undefined&#39;) {
 }
 </code></pre>
 <h3>Quick Fix 3: Bypass for Testing</h3>
-<p><strong><i class="ph ph-warning-circle" aria-label="warning"></i> TEMPORARY ONLY - DO NOT USE IN PRODUCTION</strong></p>
+<p><strong><i style="font-size: 1.2em" class="ph ph-warning-circle" aria-label="warning"></i> TEMPORARY ONLY - DO NOT USE IN PRODUCTION</strong></p>
 <pre><code class="language-javascript">// Add to html/js/auth.js for testing (REMOVE AFTER TESTING):
 // document.body.classList.add(&#39;authenticated&#39;);
 // console.log(&#39;🚨 BYPASSING AUTH - REMOVE THIS&#39;);
 </code></pre>
 <h2>Prevention Checklist</h2>
-<p><i class="ph ph-check-circle" aria-label="checked"></i> <strong>Before deploying:</strong></p>
+<p><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> <strong>Before deploying:</strong></p>
 <ul>
 <li><input disabled="" type="checkbox"> <code>docs/private/</code> directory exists and contains files</li>
 <li><input disabled="" type="checkbox"> Build logs show &quot;Found private directory&quot; message  </li>
@@ -487,7 +491,7 @@ if (typeof supabase !== &#39;undefined&#39;) {
 <li><input disabled="" type="checkbox"> Verified private pages redirect to login when not authenticated</li>
 <li><input disabled="" type="checkbox"> Confirmed authenticated users can access private content</li>
 </ul>
-<p><i class="ph ph-check-circle" aria-label="checked"></i> <strong>After deploying:</strong></p>
+<p><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> <strong>After deploying:</strong></p>
 <ul>
 <li><input disabled="" type="checkbox"> Test private page access in incognito browser</li>
 <li><input disabled="" type="checkbox"> Verify login/logout flow works</li>

package/html/guides/private-directory-authentication.html

@@ -6,6 +6,7 @@
     <meta name="description" content="The @knowcode/doc-builder provides flexible authentication options to protect your documentation. You can either protect specific documents using a `private`...">
     <title>Private Directory Authentication Guide</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, private, authentication">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.336Z",
-  "dateModified": "2025-07-29T09:30:31.336Z",
+  "datePublished": "2025-07-31T07:08:27.369Z",
+  "dateModified": "2025-07-31T07:08:27.369Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/private-directory-authentication.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" 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>

package/html/guides/public-site-deployment.html

@@ -6,6 +6,7 @@
     <meta name="description" content="The @knowcode/doc-builder now supports deploying public documentation sites without authentication. This is perfect for open-source projects, public APIs, or...">
     <title>Deploying Public Documentation Sites | @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, public, authentication">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.338Z",
-  "dateModified": "2025-07-29T09:30:31.338Z",
+  "datePublished": "2025-07-31T07:08:27.371Z",
+  "dateModified": "2025-07-31T07:08:27.371Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/public-site-deployment.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" 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>

package/html/guides/search-engine-verification-guide.html

@@ -6,6 +6,7 @@
     <meta name="description" content="This guide explains how to verify your documentation site with Google Search Console and Bing Webmaster Tools using @knowcode/doc-builder.">
     <title>Search Engine Verification Guide | @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, your, verification">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.340Z",
-  "dateModified": "2025-07-29T09:30:31.340Z",
+  "datePublished": "2025-07-31T07:08:27.373Z",
+  "dateModified": "2025-07-31T07:08:27.373Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/search-engine-verification-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 active" 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">
@@ -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>