@knowcode/doc-builder 1.9.11 → 1.9.12

package/html/private/launch/launch-announcements.html

@@ -6,6 +6,7 @@
     <meta name="description" content="This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels.">
     <title>Launch Announcement Templates | @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, doc, builder">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.367Z",
-  "dateModified": "2025-07-29T09:30:31.367Z",
+  "datePublished": "2025-07-31T07:08:27.406Z",
+  "dateModified": "2025-07-31T07:08:27.406Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/launch/launch-announcements.html"
@@ -144,7 +145,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>
                 
                 
@@ -210,6 +211,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>
@@ -220,6 +222,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">
@@ -251,6 +254,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>
@@ -278,7 +282,7 @@
 <li>The output rarely looked professional</li>
 </ul>
 <p><strong>The Solution:</strong><br>Doc Builder transforms your markdown files into beautiful, searchable documentation sites with a single command. Think Notion meets documentation generator.</p>
-<p><strong>Key Features:</strong><br><i class="ph ph-sparkle" aria-label="special"></i> <strong>Notion-inspired design</strong> - Clean, modern UI that readers love<br><i class="ph ph-rocket-launch" aria-label="launch"></i> <strong>One-command deployment</strong> - <code>npx @knowcode/doc-builder@latest deploy</code><br><i class="ph ph-magnifying-glass" aria-label="search"></i> <strong>Full-text search</strong> - Find anything instantly<br><i class="ph ph-moon-stars" aria-label="half moon"></i> <strong>Dark mode</strong> - Easy on the eyes<br><i class="ph ph-chart-bar" aria-label="chart"></i> <strong>Mermaid diagrams</strong> - Visualize complex concepts<br><i class="ph ph-lock-key" aria-label="secure"></i> <strong>Password protection</strong> - Keep internal docs secure<br><i class="ph ph-device-mobile" aria-label="mobile"></i> <strong>Fully responsive</strong> - Perfect on any device</p>
+<p><strong>Key Features:</strong><br><i style="font-size: 1.2em" class="ph ph-sparkle" aria-label="special"></i> <strong>Notion-inspired design</strong> - Clean, modern UI that readers love<br><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> <strong>One-command deployment</strong> - <code>npx @knowcode/doc-builder@latest deploy</code><br><i style="font-size: 1.2em" class="ph ph-magnifying-glass" aria-label="search"></i> <strong>Full-text search</strong> - Find anything instantly<br><i style="font-size: 1.2em" class="ph ph-moon-stars" aria-label="half moon"></i> <strong>Dark mode</strong> - Easy on the eyes<br><i style="font-size: 1.2em" class="ph ph-chart-bar" aria-label="chart"></i> <strong>Mermaid diagrams</strong> - Visualize complex concepts<br><i style="font-size: 1.2em" class="ph ph-lock-key" aria-label="secure"></i> <strong>Password protection</strong> - Keep internal docs secure<br><i style="font-size: 1.2em" class="ph ph-device-mobile" aria-label="mobile"></i> <strong>Fully responsive</strong> - Perfect on any device</p>
 <p><strong>Perfect for:</strong></p>
 <ul>
 <li>Open source projects</li>
@@ -330,7 +334,7 @@ npx @knowcode/doc-builder@latest deploy
 <p>The code is MIT licensed. Would love feedback from the HN community!</p>
 <h2>Twitter/X Thread</h2>
 <h3>Thread</h3>
-<p>🧵 1/7<br>Just launched Doc Builder - a tool that transforms your markdown into beautiful documentation sites with ONE command <i class="ph ph-rocket-launch" aria-label="launch"></i></p>
+<p>🧵 1/7<br>Just launched Doc Builder - a tool that transforms your markdown into beautiful documentation sites with ONE command <i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i></p>
 <p>No more hours of setup. No more ugly docs.</p>
 <p>npx @knowcode/doc-builder@latest deploy</p>
 <p>That&#39;s it. You&#39;re live on Vercel.</p>
@@ -342,7 +346,7 @@ npx @knowcode/doc-builder@latest deploy
 <li>Costs too much for small projects</li>
 </ul>
 <p>I needed something better.</p>
-<p>3/7<br>Doc Builder features:<br><i class="ph ph-sparkle" aria-label="special"></i> Notion-inspired design<br><i class="ph ph-magnifying-glass" aria-label="search"></i> Full-text search built-in<br><i class="ph ph-moon-stars" aria-label="half moon"></i> Automatic dark mode<br><i class="ph ph-chart-bar" aria-label="chart"></i> Mermaid diagram support<br><i class="ph ph-lock-key" aria-label="secure"></i> Optional password protection<br><i class="ph ph-device-mobile" aria-label="mobile"></i> Mobile responsive<br><i class="ph ph-lightning" aria-label="fast"></i> Lightning fast (static HTML)</p>
+<p>3/7<br>Doc Builder features:<br><i style="font-size: 1.2em" class="ph ph-sparkle" aria-label="special"></i> Notion-inspired design<br><i style="font-size: 1.2em" class="ph ph-magnifying-glass" aria-label="search"></i> Full-text search built-in<br><i style="font-size: 1.2em" class="ph ph-moon-stars" aria-label="half moon"></i> Automatic dark mode<br><i style="font-size: 1.2em" class="ph ph-chart-bar" aria-label="chart"></i> Mermaid diagram support<br><i style="font-size: 1.2em" class="ph ph-lock-key" aria-label="secure"></i> Optional password protection<br><i style="font-size: 1.2em" class="ph ph-device-mobile" aria-label="mobile"></i> Mobile responsive<br><i style="font-size: 1.2em" class="ph ph-lightning" aria-label="fast"></i> Lightning fast (static HTML)</p>
 <p>4/7<br>Perfect for:</p>
 <ul>
 <li>Open source projects</li>
@@ -369,11 +373,11 @@ npx @knowcode/doc-builder@latest deploy
 <p>#buildinpublic #documentation #webdev #opensource</p>
 <h2>LinkedIn Post</h2>
 <h3>Post</h3>
-<p><i class="ph ph-confetti" aria-label="party"></i> Excited to announce the launch of Doc Builder - a developer tool that transforms markdown documentation into beautiful, searchable websites with just one command.</p>
+<p><i style="font-size: 1.2em" class="ph ph-confetti" aria-label="party"></i> Excited to announce the launch of Doc Builder - a developer tool that transforms markdown documentation into beautiful, searchable websites with just one command.</p>
 <p><strong>The Challenge:</strong><br>As developers, we spend countless hours setting up documentation frameworks, configuring build tools, and wrestling with deployment pipelines. Time that could be better spent actually writing documentation or building features.</p>
 <p><strong>The Solution:</strong><br>Doc Builder eliminates this complexity. With a single command, you can deploy professional-looking documentation to Vercel:</p>
 <p><code>npx @knowcode/doc-builder@latest deploy</code></p>
-<p><strong>Key Benefits:</strong><br>• <i class="ph ph-timer" aria-label="timer"></i> Save hours of setup time<br>• <i class="ph ph-palette" aria-label="design"></i> Professional Notion-inspired design out of the box<br>• <i class="ph ph-magnifying-glass" aria-label="search"></i> Built-in search functionality<br>• <i class="ph ph-moon-stars" aria-label="half moon"></i> Automatic dark mode support<br>• <i class="ph ph-chart-bar" aria-label="chart"></i> Mermaid diagram integration<br>• <i class="ph ph-lock-key" aria-label="secure"></i> Optional password protection<br>• <i class="ph ph-device-mobile" aria-label="mobile"></i> Fully responsive design</p>
+<p><strong>Key Benefits:</strong><br>• <i style="font-size: 1.2em" class="ph ph-timer" aria-label="timer"></i> Save hours of setup time<br>• <i style="font-size: 1.2em" class="ph ph-palette" aria-label="design"></i> Professional Notion-inspired design out of the box<br>• <i style="font-size: 1.2em" class="ph ph-magnifying-glass" aria-label="search"></i> Built-in search functionality<br>• <i style="font-size: 1.2em" class="ph ph-moon-stars" aria-label="half moon"></i> Automatic dark mode support<br>• <i style="font-size: 1.2em" class="ph ph-chart-bar" aria-label="chart"></i> Mermaid diagram integration<br>• <i style="font-size: 1.2em" class="ph ph-lock-key" aria-label="secure"></i> Optional password protection<br>• <i style="font-size: 1.2em" class="ph ph-device-mobile" aria-label="mobile"></i> Fully responsive design</p>
 <p><strong>Who It&#39;s For:</strong><br>• Open source maintainers<br>• API developers<br>• Technical writers<br>• Development teams<br>• Anyone who needs beautiful documentation quickly</p>
 <p><strong>Impact So Far:</strong><br>• 21 releases on npm<br>• Active community of early adopters<br>• Used in production by multiple projects</p>
 <p>Try the live demo: <a href="https://doc-builder-delta.vercel.app">https://doc-builder-delta.vercel.app</a></p>
@@ -425,19 +429,19 @@ npx @knowcode/doc-builder@latest deploy
 </code></pre>
 <p>That&#39;s it! Your documentation is now live on Vercel with a public URL.</p>
 <h2>Key Features That Make It Special</h2>
-<h3><i class="ph ph-palette" aria-label="design"></i> Beautiful by Default</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-palette" aria-label="design"></i> Beautiful by Default</h3>
 <p>I spent weeks perfecting the design so you don&#39;t have to. The Notion-inspired interface is clean, modern, and professional.</p>
-<h3><i class="ph ph-magnifying-glass" aria-label="search"></i> Search That Actually Works</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-magnifying-glass" aria-label="search"></i> Search That Actually Works</h3>
 <p>Full-text search is built-in. No configuration needed. It just works.</p>
-<h3><i class="ph ph-moon-stars" aria-label="half moon"></i> Dark Mode</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-moon-stars" aria-label="half moon"></i> Dark Mode</h3>
 <p>Automatic theme detection with manual toggle. Your readers&#39; eyes will thank you.</p>
-<h3><i class="ph ph-chart-bar" aria-label="chart"></i> Mermaid Diagrams</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-chart-bar" aria-label="chart"></i> Mermaid Diagrams</h3>
 <div class="mermaid-wrapper">
       <div class="mermaid">graph TD
     A[Write Markdown] --> B[Run Deploy]
     B --> C[Live Documentation]</div>
     </div>
-<h3><i class="ph ph-lock-key" aria-label="secure"></i> Password Protection</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-lock-key" aria-label="secure"></i> Password Protection</h3>
 <p>Need private docs? Enable authentication with one config line:</p>
 <pre><code class="language-javascript">features: {
   authentication: true
@@ -487,9 +491,9 @@ npx @knowcode/doc-builder@latest deploy
 <p>If you&#39;re tired of spending more time on documentation setup than actual writing, give it a try. I&#39;d love to hear your feedback!</p>
 <p><strong>Links:</strong></p>
 <ul>
-<li><i class="ph ph-rocket-launch" aria-label="launch"></i> <a href="https://doc-builder-delta.vercel.app">Live Demo</a></li>
-<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/knowcode/doc-builder">GitHub Repo</a> (coming soon)</li>
+<li><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> <a href="https://doc-builder-delta.vercel.app">Live Demo</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/knowcode/doc-builder">GitHub Repo</a> (coming soon)</li>
 </ul>
 <p>What&#39;s your biggest documentation pain point? Let me know in the comments!</p>
 <h2>Reddit Posts</h2>
@@ -552,14 +556,14 @@ await build({
 <p>Learned a lot building this, happy to answer technical questions!</p>
 <h2>Email Newsletter</h2>
 <h3>Subject</h3>
-<p><i class="ph ph-rocket-launch" aria-label="launch"></i> Introducing Doc Builder: Beautiful Documentation in One Command</p>
+<p><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> Introducing Doc Builder: Beautiful Documentation in One Command</p>
 <h3>Body</h3>
 <p>Hi {firstName},</p>
 <p>Remember the last time you spent hours setting up documentation for a project?</p>
 <p>The configuring, the styling, the deployment scripts... What if I told you all of that could be replaced with a single command?</p>
 <p><strong>Introducing Doc Builder</strong></p>
 <p>I built Doc Builder because I was tired of documentation taking longer to set up than to write. It&#39;s a simple tool that:</p>
-<p><i class="ph ph-check-circle" aria-label="checked"></i> Converts your markdown to beautiful, searchable websites<br><i class="ph ph-check-circle" aria-label="checked"></i> Deploys to Vercel with zero configuration<br><i class="ph ph-check-circle" aria-label="checked"></i> Looks professional out of the box (Notion-inspired design)<br><i class="ph ph-check-circle" aria-label="checked"></i> Includes dark mode, search, and syntax highlighting</p>
+<p><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Converts your markdown to beautiful, searchable websites<br><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Deploys to Vercel with zero configuration<br><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Looks professional out of the box (Notion-inspired design)<br><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Includes dark mode, search, and syntax highlighting</p>
 <p><strong>See It In Action</strong></p>
 <pre><code class="language-bash">npx @knowcode/doc-builder@latest deploy
 </code></pre>
@@ -588,7 +592,7 @@ doc-builder deploy
 <p>Questions? Just reply to this email. I personally read every message.</p>
 <p>Happy documenting!</p>
 <p>Best,<br>Lindsay Smith<br>Creator of Doc Builder</p>
-<p>P.S. Doc Builder is open source and MIT licensed. If you find it useful, a GitHub star would mean the world to me! <i class="ph ph-star-four" aria-label="sparkle"></i></p>
+<p>P.S. Doc Builder is open source and MIT licensed. If you find it useful, a GitHub star would mean the world to me! <i style="font-size: 1.2em" class="ph ph-star-four" aria-label="sparkle"></i></p>
 <hr>
 <h2>Press Release</h2>
 <h3>FOR IMMEDIATE RELEASE</h3>

package/html/private/launch/vercel-deployment-auth-setup.html

@@ -6,6 +6,7 @@
     <meta name="description" content="Your test documentation site is now live at:">
     <title>Vercel Deployment Authentication Setup 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, supabase, authentication">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.369Z",
-  "dateModified": "2025-07-29T09:30:31.369Z",
+  "datePublished": "2025-07-31T07:08:27.408Z",
+  "dateModified": "2025-07-31T07:08:27.408Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/launch/vercel-deployment-auth-setup.html"
@@ -144,7 +145,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>
                 
                 
@@ -210,6 +211,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>
@@ -220,6 +222,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">
@@ -251,6 +254,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>
@@ -312,7 +316,7 @@ WHERE da.domain = &#39;doc-builder-2znroyb5z-lindsay-1340s-projects.vercel.app&#
 <li>After successful login, you should see the test documentation content</li>
 </ol>
 <h2>Step 3: Verify Authentication Features</h2>
-<h3><i class="ph ph-check-circle" aria-label="checked"></i> What Should Work:</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> What Should Work:</h3>
 <ul>
 <li>Automatic redirect to login for unauthenticated users</li>
 <li>No content flash before redirect (fixed with CSS)</li>
@@ -321,7 +325,7 @@ WHERE da.domain = &#39;doc-builder-2znroyb5z-lindsay-1340s-projects.vercel.app&#
 <li>Logout functionality</li>
 <li>Session persistence across page refreshes</li>
 </ul>
-<h3><i class="ph ph-magnifying-glass" aria-label="search"></i> Things to Check:</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-magnifying-glass" aria-label="search"></i> Things to Check:</h3>
 <ol>
 <li><strong>Network Tab</strong>: Look for Supabase API calls to verify authentication</li>
 <li><strong>Console</strong>: Check for any JavaScript errors</li>

package/html/private/next-steps-walkthrough.html

@@ -6,6 +6,7 @@
     <meta name="description" content="Now that we&#039;ve implemented Supabase authentication, let&#039;s walk through testing the implementation and preparing for deployment. This guide provides detailed,...">
     <title>Next Steps: Testing and Deployment Walkthrough</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, test, step">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.370Z",
-  "dateModified": "2025-07-29T09:30:31.370Z",
+  "datePublished": "2025-07-31T07:08:27.410Z",
+  "dateModified": "2025-07-31T07:08:27.410Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/next-steps-walkthrough.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>Next Steps: Testing and Deployment Walkthrough</h1>
 <h2>Overview</h2>
 <p>Now that we&#39;ve implemented Supabase authentication, let&#39;s walk through testing the implementation and preparing for deployment. This guide provides detailed, step-by-step instructions.</p>
-<h2><i class="ph ph-test-tube" aria-label="test"></i> Phase 1: Local Testing</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-test-tube" aria-label="test"></i> Phase 1: Local Testing</h2>
 <h3>Step 1: Install Dependencies</h3>
 <p>First, install the new Supabase dependency:</p>
 <pre><code class="language-bash">cd /Users/lindsaysmith/Documents/lambda1.nosync/doc-builder
@@ -422,7 +426,7 @@ VALUES (&#39;USER_ID_FROM_STEP_10&#39;, &#39;localhost:3001&#39;);
 <li><strong>Should see the test content</strong></li>
 <li><strong>Logout should work</strong></li>
 </ol>
-<h2><i class="ph ph-rocket-launch" aria-label="launch"></i> Phase 2: Deployment Testing</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-rocket-launch" aria-label="launch"></i> Phase 2: Deployment Testing</h2>
 <h3>Step 13: Test Vercel Deployment</h3>
 <ol>
 <li><strong>Update config for deployment</strong>:</li>
@@ -477,7 +481,7 @@ UPDATE docbuilder_sites
 SET domain = &#39;your-vercel-url.vercel.app&#39;
 WHERE id = &#39;your-site-id&#39;;
 </code></pre>
-<h2><i class="ph ph-wrench" aria-label="settings"></i> Phase 3: Version Management</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-wrench" aria-label="settings"></i> Phase 3: Version Management</h2>
 <h3>Step 15: Update Version Number</h3>
 <ol>
 <li><strong>Update package.json</strong>:</li>
@@ -537,7 +541,7 @@ npm install ../doc-builder/*.tgz
 npx doc-builder --version
 npx doc-builder --help
 </code></pre>
-<h2><i class="ph ph-clipboard-text" aria-label="clipboard"></i> Phase 4: Quality Assurance</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-clipboard-text" aria-label="clipboard"></i> Phase 4: Quality Assurance</h2>
 <h3>Step 17: Test All CLI Commands</h3>
 <pre><code class="language-bash"># Test help
 node cli.js --help
@@ -575,7 +579,7 @@ grep -r &quot;username.*:&quot; test-html/ || echo &quot;Good - no hardcoded use
 <h3>Step 19: Cross-Platform Testing</h3>
 <p>If possible, test on different systems:</p>
 <ul>
-<li><strong>macOS</strong>: Current system <i class="ph ph-check-circle" aria-label="checked"></i></li>
+<li><strong>macOS</strong>: Current system <i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i></li>
 <li><strong>Windows</strong>: Test in WSL or Windows machine</li>
 <li><strong>Linux</strong>: Test in Docker or Linux VM</li>
 </ul>
@@ -594,7 +598,7 @@ find docs/ -name &quot;*.md&quot; -exec grep -l &quot;]\(&quot; {} \;
 </ul>
 </li>
 </ol>
-<h2><i class="ph ph-target" aria-label="goal"></i> Success Criteria Checklist</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-target" aria-label="goal"></i> Success Criteria Checklist</h2>
 <p>Before considering deployment ready:</p>
 <h3>Functionality</h3>
 <ul>
@@ -628,7 +632,7 @@ find docs/ -name &quot;*.md&quot; -exec grep -l &quot;]\(&quot; {} \;
 <li><input disabled="" type="checkbox"> Environment variable support</li>
 <li><input disabled="" type="checkbox"> Cross-platform functionality</li>
 </ul>
-<h2><i class="ph ph-siren" aria-label="alert"></i> Issues to Watch For</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-siren" aria-label="alert"></i> Issues to Watch For</h2>
 <h3>Common Problems</h3>
 <ol>
 <li><strong>Supabase URL format errors</strong> - Must be <code>https://xxx.supabase.co</code></li>

package/html/private/supabase-auth-implementation-completed.html

@@ -6,6 +6,7 @@
     <meta name="description" content="This document records the successful implementation of Supabase authentication in @knowcode/doc-builder v1.7.5+. All references to the old insecure...">
     <title>Supabase Authentication Implementation - COMPLE...</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, supabase, authentication">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.372Z",
-  "dateModified": "2025-07-29T09:30:31.372Z",
+  "datePublished": "2025-07-31T07:08:27.412Z",
+  "dateModified": "2025-07-31T07:08:27.412Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/supabase-auth-implementation-completed.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>
@@ -253,30 +257,30 @@
         <!-- Content Area -->
         <main class="content">
             <div class="content-inner">
-                <h1>Supabase Authentication Implementation - COMPLETED <i class="ph ph-check-circle" aria-label="checked"></i></h1>
+                <h1>Supabase Authentication Implementation - COMPLETED <i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i></h1>
 <h2>Overview</h2>
 <p>This document records the successful implementation of Supabase authentication in @knowcode/doc-builder v1.7.5+. All references to the old insecure authentication system have been removed.</p>
 <h2>What Was Achieved</h2>
 <h3>1. Complete Removal of Old System</h3>
 <ul>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Removed all client-side credential checking</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Deleted old auth.js files</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Cleaned up configuration options</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Updated all documentation</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Removed all client-side credential checking</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Deleted old auth.js files</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Cleaned up configuration options</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Updated all documentation</li>
 </ul>
 <h3>2. Supabase Integration</h3>
 <ul>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> JWT-based authentication</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Row Level Security (RLS) </li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Multi-user support</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Fine-grained access control</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Session management</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> JWT-based authentication</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Row Level Security (RLS) </li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Multi-user support</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Fine-grained access control</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Session management</li>
 </ul>
 <h3>3. Default Behavior Change</h3>
 <ul>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Authentication now <strong>disabled by default</strong></li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Public documentation works out of the box</li>
-<li><i class="ph ph-check-circle" aria-label="checked"></i> Authentication must be explicitly enabled</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Authentication now <strong>disabled by default</strong></li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Public documentation works out of the box</li>
+<li><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Authentication must be explicitly enabled</li>
 </ul>
 <h2>Current Architecture</h2>
 <div class="mermaid-wrapper">

package/html/private/supabase-auth-implementation-plan.html

@@ -6,6 +6,7 @@
     <meta name="description" content="This document outlines the complete plan for integrating Supabase authentication into @knowcode/doc-builder, providing a simple but secure authentication...">
     <title>Supabase Auth Implementation Plan for @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, auth, supabase">
     <meta name="robots" content="index, follow">
@@ -98,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-29T09:30:31.374Z",
-  "dateModified": "2025-07-29T09:30:31.374Z",
+  "datePublished": "2025-07-31T07:08:27.415Z",
+  "dateModified": "2025-07-31T07:08:27.415Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/supabase-auth-implementation-plan.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>
@@ -518,34 +522,34 @@ npx @knowcode/doc-builder auth:list-sites --email user@example.com
 <li><strong>Security</strong>: Follow Supabase best practices</li>
 <li><strong>Support</strong>: Provide clear documentation and migration guide</li>
 </ol>
-<h2><i class="ph ph-check-circle" aria-label="checked"></i> Implementation Status: COMPLETE</h2>
+<h2><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Implementation Status: COMPLETE</h2>
 <p>All planned phases have been successfully implemented:</p>
-<h3><i class="ph ph-check-circle" aria-label="checked"></i> Phase 1: Core Infrastructure - COMPLETE</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Phase 1: Core Infrastructure - COMPLETE</h3>
 <ul>
 <li><input checked="" disabled="" type="checkbox"> Updated configuration system to remove basic auth</li>
 <li><input checked="" disabled="" type="checkbox"> Added Supabase SDK dependency</li>
 <li><input checked="" disabled="" type="checkbox"> Created Supabase auth module (<code>lib/supabase-auth.js</code>)</li>
 <li><input checked="" disabled="" type="checkbox"> Updated core-builder.js integration</li>
 </ul>
-<h3><i class="ph ph-check-circle" aria-label="checked"></i> Phase 2: Client-Side Implementation - COMPLETE</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Phase 2: Client-Side Implementation - COMPLETE</h3>
 <ul>
 <li><input checked="" disabled="" type="checkbox"> Generated Supabase auth script replaces basic auth</li>
 <li><input checked="" disabled="" type="checkbox"> Secure login page with Supabase integration</li>
 <li><input checked="" disabled="" type="checkbox"> Logout functionality with proper session cleanup</li>
 </ul>
-<h3><i class="ph ph-check-circle" aria-label="checked"></i> Phase 3: Build Process Updates - COMPLETE</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Phase 3: Build Process Updates - COMPLETE</h3>
 <ul>
 <li><input checked="" disabled="" type="checkbox"> Supabase SDK integration in build output</li>
 <li><input checked="" disabled="" type="checkbox"> Environment variable support</li>
 <li><input checked="" disabled="" type="checkbox"> Build validation and error handling</li>
 </ul>
-<h3><i class="ph ph-check-circle" aria-label="checked"></i> Phase 4: User Management Tools - COMPLETE</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Phase 4: User Management Tools - COMPLETE</h3>
 <ul>
 <li><input checked="" disabled="" type="checkbox"> CLI commands: <code>auth:init</code>, <code>auth:add-site</code>, <code>auth:grant</code>, <code>auth:revoke</code>, <code>auth:list-users</code></li>
 <li><input checked="" disabled="" type="checkbox"> Updated settings command to show Supabase config</li>
 <li><input checked="" disabled="" type="checkbox"> Removed insecure <code>--no-auth</code> flag</li>
 </ul>
-<h3><i class="ph ph-check-circle" aria-label="checked"></i> Phase 5: Documentation and Migration - COMPLETE</h3>
+<h3><i style="font-size: 1.2em" class="ph ph-check-circle" aria-label="checked"></i> Phase 5: Documentation and Migration - COMPLETE</h3>
 <ul>
 <li><input checked="" disabled="" type="checkbox"> Comprehensive Supabase setup guide created</li>
 <li><input checked="" disabled="" type="checkbox"> Updated main README with new auth information</li>