Add Crawl4AI Assistant Chrome Extension

- Created manifest.json for the Crawl4AI Assistant extension.
- Added popup HTML, CSS, and JS files for the extension interface.
- Included icons and favicon for the extension.
- Implemented functionality for schema capture and code generation.
- Updated index.md to reflect the availability of the new extension.
- Enhanced LLM Context Builder layout and styles for consistency.
- Adjusted global styles for better branding and responsiveness.
This commit is contained in:
UncleCode
2025-06-08 18:34:05 +08:00
parent 6f3a0ea38e
commit 926592649e
32 changed files with 3056 additions and 36 deletions

View File

@@ -186,19 +186,20 @@ Our apps are designed to make Crawl4AI more accessible and powerful. Whether you
</div>
<div class="app-card">
<span class="app-status status-coming-soon">Coming Soon</span>
<h3>🏗️ Schema Builder</h3>
<span class="app-status status-available">Available</span>
<h3>🔍 Crawl4AI Assistant (Chrome Extension)</h3>
<p class="app-description">
Visually design JSON extraction schemas by pointing and clicking on webpage elements. No more guessing CSS selectors!
Visual schema builder Chrome extension - click on webpage elements to generate extraction schemas and Python code!
</p>
<ul class="app-features">
<li>Point-and-click selector generation</li>
<li>Automatic schema inference</li>
<li>Live extraction preview</li>
<li>Export to multiple formats</li>
<li>Visual element selection</li>
<li>Container & field selection modes</li>
<li>Smart selector generation</li>
<li>Complete Python code generation</li>
<li>One-click installation</li>
</ul>
<div class="app-action">
<a href="#" class="app-btn disabled">Coming Soon</a>
<a href="crawl4ai-assistant/" class="app-btn">Install Extension →</a>
</div>
</div>