| Page title | Yes | "Client Intelligence Brief — Free AI Skill \ | Practice Builders" | HTML </code></td></tr>
<tr><td style="text-align:left"><strong>OG title</strong></td><td style="text-align:left">Yes</td><td style="text-align:left">Same as page title or slight variation</td><td style="text-align:left"><code>og:title</code> meta tag</td></tr>
<tr><td style="text-align:left"><strong>OG description</strong></td><td style="text-align:left">Yes</td><td style="text-align:left">One sentence for social sharing previews</td><td style="text-align:left"><code>og:description</code> meta tag</td></tr>
<tr><td style="text-align:left"><strong>"What This Skill Does" headline</strong></td><td style="text-align:left">Yes</td><td style="text-align:left">"Two Minutes. One Brief. Every Call Handled."</td><td style="text-align:left">Section H2</td></tr>
<tr><td style="text-align:left"><strong>"What You Get Back" headline</strong></td><td style="text-align:left">Yes</td><td style="text-align:left">"Eight Sections. Zero Guesswork."</td><td style="text-align:left">Section H2</td></tr>
</tbody></table>
<h3>Brand Treatment</h3>
<table>
<thead><tr><th style="text-align:left">Input</th><th style="text-align:left">Required</th><th style="text-align:left">Default</th><th style="text-align:left">Used For</th></tr></thead>
<tbody>
<tr><td style="text-align:left"><strong>Brand</strong></td><td style="text-align:left">Yes</td><td style="text-align:left">CYP / Practice Builders</td><td style="text-align:left">Determines color palette, fonts, logo, footer</td></tr>
<tr><td style="text-align:left"><strong>Header logo URL</strong></td><td style="text-align:left">Yes</td><td style="text-align:left">CYP white icon</td><td style="text-align:left">Header image</td></tr>
<tr><td style="text-align:left"><strong>Header brand name</strong></td><td style="text-align:left">Yes</td><td style="text-align:left">"Practice Builders"</td><td style="text-align:left">Header text</td></tr>
<tr><td style="text-align:left"><strong>Header brand subtitle</strong></td><td style="text-align:left">Yes</td><td style="text-align:left">"Kathryn Brown"</td><td style="text-align:left">Header subline</td></tr>
<tr><td style="text-align:left"><strong>Website URL</strong></td><td style="text-align:left">Yes</td><td style="text-align:left"><code>https://thepracticebuilders.ai</code></td><td style="text-align:left">Header logo link</td></tr>
</tbody></table>
<h3>Cross-Sell (Optional — Campaign-Specific)</h3>
<table>
<thead><tr><th style="text-align:left">Input</th><th style="text-align:left">Required</th><th style="text-align:left">Example</th><th style="text-align:left">Used For</th></tr></thead>
<tbody>
<tr><td style="text-align:left"><strong>Cross-sell headline</strong></td><td style="text-align:left">No</td><td style="text-align:left">"This Skill Is Just the Beginning"</td><td style="text-align:left">"What's Next" section H2</td></tr>
<tr><td style="text-align:left"><strong>Cross-sell body</strong></td><td style="text-align:left">No</td><td style="text-align:left">2-3 paragraphs contextualizing the next offer</td><td style="text-align:left">"What's Next" section content</td></tr>
<tr><td style="text-align:left"><strong>Cross-sell CTA</strong></td><td style="text-align:left">No</td><td style="text-align:left">Link text + URL to the next offer</td><td style="text-align:left">"What's Next" callout box</td></tr>
</tbody></table>
<hr>
<h2>Mode 2 Inputs — Improve This Kit</h2>
<table>
<thead><tr><th style="text-align:left">Input</th><th style="text-align:left">Required</th><th style="text-align:left">Source</th><th style="text-align:left">Used For</th></tr></thead>
<tbody>
<tr><td style="text-align:left"><strong>Kit location</strong></td><td style="text-align:left">Yes</td><td style="text-align:left"><code>content/frameworks/kit-delivery-page/</code></td><td style="text-align:left">Which kit to improve</td></tr>
<tr><td style="text-align:left"><strong>Trigger</strong></td><td style="text-align:left">Yes</td><td style="text-align:left">QC failure, manual output changes, or system suggestion</td><td style="text-align:left">Determines which files to update</td></tr>
<tr><td style="text-align:left"><strong>Updated output</strong></td><td style="text-align:left">If applicable</td><td style="text-align:left">The corrected delivery page HTML</td><td style="text-align:left">Replaces file 03 (golden example)</td></tr>
<tr><td style="text-align:left"><strong>QC findings</strong></td><td style="text-align:left">If applicable</td><td style="text-align:left">Specific checklist items that failed or were missing</td><td style="text-align:left">Updates file 04 (quality)</td></tr>
<tr><td style="text-align:left"><strong>Process changes</strong></td><td style="text-align:left">If applicable</td><td style="text-align:left">Steps that were wrong, missing, or in wrong order</td><td style="text-align:left">Updates file 05 (output skill)</td></tr>
</tbody></table>
<hr>
<h2>Validation Rules — Mode 1</h2>
<ol>
<li><strong>Do not build if the Cloudinary URL is not live.</strong> Test the download URL before starting. It must return the .md file with the correct content.</li>
<li><strong>Do not build if the skill file is not tested.</strong> The delivery page describes the skill's output sections. If the skill isn't finalized, the page will be wrong.</li>
<li><strong>All output sections must be listed.</strong> If the skill has 8 sections, the page shows 8 rows. No omissions, no additions.</li>
<li><strong>Hero eyebrow must say "Free AI Skill" — not "Free Claude Skill."</strong> Brand-neutral language. No LLM brand names on the page.</li>
<li><strong>Setup instructions must be generic.</strong> "Open your preferred AI assistant" — not platform-specific steps. The skill works with any LLM that accepts custom instructions.</li>
<li><strong>No <code>var()</code> in any style attribute.</strong> All colors and values are hardcoded hex or rgba. Inline styles do not support CSS variables.</li>
<li><strong>No scroll-reveal animations or JavaScript.</strong> The page is pure HTML with inline CSS.</li>
<li><strong><code>noindex, nofollow</code> in robots meta tag.</strong> The page is not for search — it is linked from email/DM only.</li>
</ol>
<h2>Validation Rules — Mode 2</h2>
<ol>
<li><strong>Read all current kit files before making changes.</strong></li>
<li><strong>Changes propagate.</strong> Golden example change → check output skill and quality checklist.</li>
<li><strong>Never remove a quality check without a reason.</strong></li>
<li><strong>Document what changed:</strong> Add <code><!-- Updated YYYY-MM-DD: [what changed and why] --></code> at the bottom of updated HTML files, or a Change Log entry for markdown files.</li>
</ol>
<hr>
<h2>Input Priority Hierarchy</h2>
<p>When inputs conflict or are ambiguous:</p>
<ol>
<li><strong>The golden example wins</strong> for structure, layout, and visual patterns</li>
<li><strong>Kathryn's description wins</strong> for audience, purpose, and copy direction</li>
<li><strong>The CYP brand reference wins</strong> for colors, fonts, and component patterns</li>
<li><strong>Voice.md wins</strong> for tone, cadence, and vocabulary choices</li>
<li><strong>Existing vault conventions win</strong> for file naming and directory structure</li>
</ol>
</article>
<footer>Advisory OS · <span>Vault</span></footer>
</body>
</html> |