Spaces:
Running
Running
AnthonyAlex
Refactor index.html and style.css for improved layout and design. Enhanced background effects, updated article presentation, and added responsive styles for better user experience.
6b5a30e
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>KaibanJS Blog Posts</title> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> | |
| <!-- Background Effects --> | |
| <div aria-hidden="true" class="bg-grid"> | |
| <div class="bg-blur bg-blur-purple"></div> | |
| <div class="bg-blur bg-blur-cyan"></div> | |
| </div> | |
| <div class="bg-polygon" aria-hidden="true"> | |
| <div class="bg-polygon-shape"></div> | |
| </div> | |
| <div class="bg-pattern"></div> | |
| <div class="container"> | |
| <header class="header"> | |
| <h1>KaibanJS Blog Posts</h1> | |
| <p class="subtitle">Discover the latest insights, tutorials, and use cases for building AI agents with | |
| KaibanJS</p> | |
| </header> | |
| <div class="articles-grid"> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1677442136019-21780ecad995?w=400&h=250&fit=crop" | |
| alt="AI Agents in JavaScript" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Beyond Python: AI Agents in JavaScript with KaibanJS</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">January 15, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/ai-agents-javascript-kaibanjs" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1485827404703-89b55fcc595e?w=400&h=250&fit=crop" | |
| alt="AI Use Cases" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">How Developers Are Using KaibanJS: 20+ Real-World AI Use Cases</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">February 3, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/kaibanjs-use-cases" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=400&h=250&fit=crop" | |
| alt="Multi-Agent Workflows" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Best AI Setups for Multi-Agent Workflows in KaibanJS</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">February 18, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/multi-agent-workflows-kaibanjs" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1555949963-aa79dcee981c?w=400&h=250&fit=crop" | |
| alt="Prompt Engineering" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Prompt Engineering in Multi-Agent Systems with KaibanJS</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">March 5, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/llm-prompt-engineering-kaibanjs" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1555255707-c07966088b7b?w=400&h=250&fit=crop" | |
| alt="Multi-Agent AI" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Bringing Multi-Agent AI to JavaScript with KaibanJS</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">March 22, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/ai-multi-agent-kaibanjs" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1574629810360-7efbbe195018?w=400&h=250&fit=crop" | |
| alt="Sports News" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Automating Sports News Reporting with AI Agents in KaibanJS</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">April 8, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/ai-agents-sports-news-kaibanjs" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1527814050087-3793815479db?w=400&h=250&fit=crop" | |
| alt="Hardware Optimization" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">AI Agents for Hardware Optimization: Automating PC Gaming Performance with | |
| KaibanJS</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">April 25, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/hardware-optimization-ai-agents-kaibanjs" | |
| target="_blank" class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=400&h=250&fit=crop" | |
| alt="Company Research" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">AI Agents for Company Research: Automating Business Analysis with KaibanJS | |
| </h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">May 12, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/ai-multi-agent-company-research-kaibanjs" | |
| target="_blank" class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=400&h=250&fit=crop" | |
| alt="Web Scraping" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">How AI Agents Use the Jina URL to Markdown Tool in KaibanJS for Smarter | |
| Web Scraping</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">May 28, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/ai-agents-web-scraping-jina-kaibanjs" | |
| target="_blank" class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=400&h=250&fit=crop" | |
| alt="Make Webhook" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Integrating AI Multi-Agent Systems with the Make Webhook Tool in KaibanJS | |
| </h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">June 14, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/kaibanjs-ai-multi-agent-make-webhook" | |
| target="_blank" class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1488646953014-85cb44e25828?w=400&h=250&fit=crop" | |
| alt="Trip Planning" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">AI Agents for Trip Planning: Automating Itinerary Generation with KaibanJS | |
| </h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">June 30, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/ai-agents-trip-planning-kaibanjs" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=400&h=250&fit=crop" | |
| alt="TextFile RAG" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Enhancing AI Agents with the TextFile RAG Search Tool in KaibanJS</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">July 16, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/enhancing-ai-agents-textfile-rag-kaibanjs" | |
| target="_blank" class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=400&h=250&fit=crop" | |
| alt="Zapier Webhook" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">AI Multi-Agent System Automation: Leveraging the Zapier Webhook Tool in | |
| KaibanJS</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">August 2, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/multi-agent-automation-zapier-kaibanjs" | |
| target="_blank" class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1481627834876-b7833e8f5570?w=400&h=250&fit=crop" | |
| alt="PDF RAG" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Harnessing the PDF RAG Search Tool in KaibanJS: Empowering AI Agents for | |
| Advanced Document Analysis</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">August 18, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/pdf-rag-search-tool-kaibanjs-ai-agents" | |
| target="_blank" class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?w=400&h=250&fit=crop" | |
| alt="Resume Creation" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Revolutionizing Resume Creation with KaibanJS and Multi-Agent AI Systems | |
| </h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">September 4, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/ai-agents-resume-kaibanjs" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=400&h=250&fit=crop" | |
| alt="Website RAG" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Exploring the Website RAG Search Tool in KaibanJS: Empowering AI Agents | |
| for Semantic Web Analysis</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">September 20, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/kaibanjs-website-rag-search" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=400&h=250&fit=crop" | |
| alt="Simple RAG" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Unleashing the Power of Simple RAG Search Tool in KaibanJS: Enhancing AI | |
| Agents for Knowledge Discovery</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">October 6, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/simple-rag-kaibanjs-knowledge-discovery" | |
| target="_blank" class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1635070041078-e363dbe005cb?w=400&h=250&fit=crop" | |
| alt="Wolfram Alpha" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Unlocking the Power of Wolfram Alpha in KaibanJS: Enhancing AI Agents for | |
| Computational Excellence</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">October 22, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/wolfram-alpha-kaibanjs-computational-excellence" | |
| target="_blank" class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=400&h=250&fit=crop" | |
| alt="Exa Search" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Empowering AI Agents with Neural Search: The Role of Exa in KaibanJS</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">November 8, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/exa-search-kaibanjs-ai-agents" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=400&h=250&fit=crop" | |
| alt="Serper Search" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Supercharging AI Agents in KaibanJS with Serper Search</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">November 24, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/serper-google-search-api-kaibanjs" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=400&h=250&fit=crop" | |
| alt="Tavily Search" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Enhancing AI Teamwork with Tavily Search in KaibanJS</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">December 10, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/tavily-search-kaibanjs-integration" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=400&h=250&fit=crop" | |
| alt="Firecrawl" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Unlocking the Power of Web Scraping in KaibanJS with Firecrawl</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">December 26, 2024</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/firecrawl-integration-kaibanjs" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?w=400&h=250&fit=crop" | |
| alt="Release Notes" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">AI-Powered Content Creation for Release Notes Using KaibanJS</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">January 11, 2025</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/ai-release-notes-kaibanjs" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1611162617474-5b21e879e113?w=400&h=250&fit=crop" | |
| alt="Reddit Comments" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">How to Automate Reddit Comment Generation with AI Agents in KaibanJS</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">January 27, 2025</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/automating-reddit-comments-kaibanjs" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=400&h=250&fit=crop" | |
| alt="KaibanJS v0.13.0" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Introducing KaibanJS v0.13.0: Structured Output for Smarter Workflows</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">February 12, 2025</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/kaibanjs-v0130-release" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1618401471353-b98afee0b2eb?w=400&h=250&fit=crop" | |
| alt="GitHub Issues" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">AI Agents in Action: Managing GitHub Issues with KaibanJS</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">February 28, 2025</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/kaibanjs-github-issues-integration" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=400&h=250&fit=crop" | |
| alt="KaibanJS v0.11.0" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">Exploring the Power of KaibanJS v0.11.0</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">March 15, 2025</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/kaibanjs-v0-11-0-release" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| <article class="article-card"> | |
| <div class="article-image"> | |
| <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=400&h=250&fit=crop" | |
| alt="KaibanJS v0.10.0" /> | |
| </div> | |
| <div class="article-content"> | |
| <h2 class="article-title">KaibanJS v0.10.0: Expanding AI Workflows with New Tools</h2> | |
| <div class="article-meta"> | |
| <span class="author">Dariel Noel</span> | |
| <span class="date">April 1, 2025</span> | |
| </div> | |
| <a href="https://huggingface.co/blog/darielnoel/kaibanjs-v0-10-0-release" target="_blank" | |
| class="read-link"> | |
| Read Article → | |
| </a> | |
| </div> | |
| </article> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |