<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Brian Koech</title>
    <description>The latest articles on DEV Community by Brian Koech (@brykoech254).</description>
    <link>https://dev.to/brykoech254</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3702354%2F3138b8df-088b-4554-b3df-1e921596456b.png</url>
      <title>DEV Community: Brian Koech</title>
      <link>https://dev.to/brykoech254</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/brykoech254"/>
    <language>en</language>
    <item>
      <title>I Built ContextForge with Gemma 4: A Project Memory Generator for Developers and AI Coding Agents</title>
      <dc:creator>Brian Koech</dc:creator>
      <pubDate>Sat, 23 May 2026 11:06:00 +0000</pubDate>
      <link>https://dev.to/brykoech254/i-built-contextforge-with-gemma-4-a-project-memory-generator-for-developers-and-ai-coding-agents-2dlm</link>
      <guid>https://dev.to/brykoech254/i-built-contextforge-with-gemma-4-a-project-memory-generator-for-developers-and-ai-coding-agents-2dlm</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/google-gemma-2026-05-06"&gt;Gemma 4 Challenge: Build with Gemma 4&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;ContextForge is a developer tool that scans a codebase and generates practical, AI-ready project documentation using Gemma 4 through the Gemini API.&lt;/p&gt;

&lt;p&gt;The goal is simple: when a developer or AI coding agent opens a project, they should not have to rediscover the whole repository from scratch. ContextForge generates &lt;code&gt;README.md&lt;/code&gt;, &lt;code&gt;SETUP.md&lt;/code&gt;, &lt;code&gt;ARCHITECTURE.md&lt;/code&gt;, and especially &lt;code&gt;AGENT.md&lt;/code&gt;, a durable handoff file designed for future AI coding sessions.&lt;/p&gt;

&lt;h2&gt;
  
  
  The problem: AI coding agents lose context
&lt;/h2&gt;

&lt;p&gt;AI coding agents are useful, but their context is fragile.&lt;/p&gt;

&lt;p&gt;When a chat is cleared, a session expires, or a different agent starts working on the same repository, a lot of hard-won project understanding disappears:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;what framework the app uses&lt;/li&gt;
&lt;li&gt;which files matter most&lt;/li&gt;
&lt;li&gt;how to run the project locally&lt;/li&gt;
&lt;li&gt;what generated folders should be ignored&lt;/li&gt;
&lt;li&gt;what assumptions are still uncertain&lt;/li&gt;
&lt;li&gt;what safety rules an agent should follow before editing&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Traditional README files help humans, but they are not always enough for AI agents. Agents need a project map, editing constraints, validation steps, and warnings about risky areas.&lt;/p&gt;

&lt;p&gt;That is why ContextForge focuses on &lt;code&gt;AGENT.md&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  What ContextForge does
&lt;/h2&gt;

&lt;p&gt;ContextForge takes a ZIP upload or a built-in sample project and generates documentation from the actual files in the codebase.&lt;/p&gt;

&lt;p&gt;The MVP can:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;upload a ZIP file&lt;/li&gt;
&lt;li&gt;load a built-in Django sample project&lt;/li&gt;
&lt;li&gt;safely extract and scan files&lt;/li&gt;
&lt;li&gt;ignore folders like &lt;code&gt;.git&lt;/code&gt;, &lt;code&gt;node_modules&lt;/code&gt;, &lt;code&gt;.venv&lt;/code&gt;, &lt;code&gt;dist&lt;/code&gt;, &lt;code&gt;build&lt;/code&gt;, &lt;code&gt;.next&lt;/code&gt;, and &lt;code&gt;coverage&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;detect the tech stack&lt;/li&gt;
&lt;li&gt;build a structured prompt for Gemma 4&lt;/li&gt;
&lt;li&gt;generate:

&lt;ul&gt;
&lt;li&gt;&lt;code&gt;README.md&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;AGENT.md&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;SETUP.md&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;ARCHITECTURE.md&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;display generated docs in tabs&lt;/li&gt;

&lt;li&gt;copy each generated document&lt;/li&gt;

&lt;li&gt;download all generated docs as a ZIP&lt;/li&gt;

&lt;/ul&gt;

&lt;p&gt;The output is meant to be practical rather than marketing-heavy. If ContextForge is unsure about something, the prompt asks the model to mark that uncertainty instead of inventing details.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;The project is available on GitHub and can be run locally with Docker Compose:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/bryko254/contextforge.git
&lt;span class="nb"&gt;cd &lt;/span&gt;contextforge
&lt;span class="nb"&gt;cp &lt;/span&gt;backend/.env.example backend/.env
&lt;span class="nb"&gt;cp &lt;/span&gt;frontend/.env.example frontend/.env
docker compose up &lt;span class="nt"&gt;--build&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then open &lt;code&gt;http://localhost:5173&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;The judge-friendly demo flow is:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Open the ContextForge frontend.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Try sample project&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;The backend scans the built-in Django task API sample.&lt;/li&gt;
&lt;li&gt;ContextForge detects Python, Django, PostgreSQL, Docker, and pip.&lt;/li&gt;
&lt;li&gt;The app asks Gemma 4 to generate docs.&lt;/li&gt;
&lt;li&gt;The UI displays:

&lt;ul&gt;
&lt;li&gt;&lt;code&gt;README.md&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;AGENT.md&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;SETUP.md&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;ARCHITECTURE.md&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Open &lt;code&gt;AGENT.md&lt;/code&gt; and show the AI-agent-focused project handoff.&lt;/li&gt;
&lt;li&gt;Copy a generated document.&lt;/li&gt;
&lt;li&gt;Download all docs as a ZIP.&lt;/li&gt;
&lt;li&gt;Optionally upload a small ZIP project and run the same flow.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The app also supports mock mode, so the UI can be tested without a Gemini API key. For judging the real AI flow, run with &lt;code&gt;USE_MOCK_AI=false&lt;/code&gt; and provide &lt;code&gt;GEMINI_API_KEY&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;

&lt;p&gt;Repository: &lt;a href="https://github.com/bryko254/contextforge" rel="noopener noreferrer"&gt;https://github.com/bryko254/contextforge&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The project is structured as a small full-stack app:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;backend/&lt;/code&gt;: FastAPI API, ZIP handling, scanning, stack detection, prompt construction, and Gemma API client.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;frontend/&lt;/code&gt;: React/Vite UI for uploads, sample generation, document tabs, copy buttons, and ZIP export.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;sample-projects/django-api-demo/&lt;/code&gt;: built-in Django REST Framework sample used for the default demo.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;docs/dev-to-submission-draft.md&lt;/code&gt;: this DEV submission draft.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  How I Used Gemma 4
&lt;/h2&gt;

&lt;p&gt;ContextForge uses &lt;code&gt;gemma-4-26b-a4b-it&lt;/code&gt; through the Gemini API. I chose this model because ContextForge is not trying to write arbitrary code; it is doing structured documentation synthesis over selected codebase context.&lt;/p&gt;

&lt;p&gt;The model needs to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;read selected project files&lt;/li&gt;
&lt;li&gt;follow a strict JSON response schema&lt;/li&gt;
&lt;li&gt;avoid inventing dependencies&lt;/li&gt;
&lt;li&gt;summarize architecture clearly&lt;/li&gt;
&lt;li&gt;generate instructions for both humans and AI coding agents&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Gemma 4 works well for this kind of grounded, instruction-following task. The hosted demo uses the Gemini API so judges can try the app without running a local model.&lt;/p&gt;

&lt;p&gt;The architecture is intentionally isolated behind a &lt;code&gt;gemma_client.py&lt;/code&gt; service, so the project can later support local Gemma 4 inference for private repositories.&lt;/p&gt;

&lt;p&gt;The Gemma 4 call is at the heart of the pipeline:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;The backend scans selected files from the uploaded or sample project.&lt;/li&gt;
&lt;li&gt;The scanner filters out large, generated, binary, and irrelevant files.&lt;/li&gt;
&lt;li&gt;Stack detection summarizes languages, frameworks, databases, infrastructure, and package managers.&lt;/li&gt;
&lt;li&gt;ContextForge builds a structured prompt with file summaries, selected file content, and safety rules.&lt;/li&gt;
&lt;li&gt;Gemma 4 returns valid JSON containing &lt;code&gt;readme&lt;/code&gt;, &lt;code&gt;agent_md&lt;/code&gt;, &lt;code&gt;setup&lt;/code&gt;, &lt;code&gt;architecture&lt;/code&gt;, and &lt;code&gt;summary&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;The backend validates the JSON schema before returning it to the frontend.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Architecture
&lt;/h2&gt;

&lt;p&gt;The app has a small full-stack architecture:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;User
  |
  | ZIP upload or sample project
  v
React + Vite frontend
  |
  | HTTP request
  v
FastAPI backend
  |
  | safe ZIP extraction / sample project path
  v
Scanner
  |
  | selected files + file tree
  v
Stack detector
  |
  | structured stack summary
  v
Prompt builder
  |
  | documentation prompt
  v
Gemma 4 via Gemini API
  |
  | JSON response
  v
Generated docs UI
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The backend is responsible for file handling, scan limits, prompt construction, and API calls. The frontend is responsible for upload controls, loading states, docs tabs, copy buttons, and ZIP download.&lt;/p&gt;

&lt;h2&gt;
  
  
  How the codebase scanner works
&lt;/h2&gt;

&lt;p&gt;The scanner is intentionally simple and safe for an MVP.&lt;/p&gt;

&lt;p&gt;It walks an extracted project directory recursively and ignores noisy or risky paths, including:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;code&gt;.git&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;node_modules&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;venv&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;.venv&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;__pycache__&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;dist&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;build&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;vendor&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;.next&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;.turbo&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;coverage&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It also skips binary and large files such as databases, images, PDFs, and ZIPs.&lt;/p&gt;

&lt;p&gt;The scanner only reads text/code files and applies limits:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;maximum individual file size: 80KB&lt;/li&gt;
&lt;li&gt;maximum collected content: about 300KB&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Important files are prioritized, including:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;code&gt;README.md&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;package.json&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;requirements.txt&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;pyproject.toml&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;Dockerfile&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;docker-compose.yml&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;manage.py&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;settings.py&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;urls.py&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;models.py&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;views.py&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;serializers.py&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;folders like &lt;code&gt;src&lt;/code&gt;, &lt;code&gt;app&lt;/code&gt;, and &lt;code&gt;routes&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The scanner returns a file tree summary, selected file contents, skipped file count, and total collected size.&lt;/p&gt;

&lt;h2&gt;
  
  
  How AGENT.md is generated
&lt;/h2&gt;

&lt;p&gt;&lt;code&gt;AGENT.md&lt;/code&gt; is generated from the same scan context as the other docs, but the prompt gives it a specific job.&lt;/p&gt;

&lt;p&gt;It asks Gemma 4 to write &lt;code&gt;AGENT.md&lt;/code&gt; for future AI coding agents. That means the output should include:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;project map&lt;/li&gt;
&lt;li&gt;important directories and files&lt;/li&gt;
&lt;li&gt;setup and validation guidance&lt;/li&gt;
&lt;li&gt;safe development rules&lt;/li&gt;
&lt;li&gt;uncertain assumptions&lt;/li&gt;
&lt;li&gt;areas that need extra caution&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This is the core idea behind ContextForge: make project context durable across AI coding sessions.&lt;/p&gt;

&lt;p&gt;For example, after a chat is cleared, the next agent can open &lt;code&gt;AGENT.md&lt;/code&gt; and immediately understand how to move safely inside the repository.&lt;/p&gt;

&lt;h2&gt;
  
  
  Challenges faced
&lt;/h2&gt;

&lt;p&gt;The biggest challenge was deciding how much code context to send to the model.&lt;/p&gt;

&lt;p&gt;Sending everything is risky and inefficient. Sending too little gives weak documentation. The MVP solves this with a scanner that prioritizes important files, skips generated/binary folders, and keeps a strict total content limit.&lt;/p&gt;

&lt;p&gt;Another challenge was making the model output predictable. ContextForge asks Gemma 4 for valid JSON with a fixed schema, then the backend validates that response before sending it to the frontend.&lt;/p&gt;

&lt;p&gt;I also had to handle security basics around ZIP uploads. The backend checks for path traversal before extracting archives and cleans temporary folders after processing.&lt;/p&gt;

&lt;p&gt;Finally, I wanted the project to work without a real API key during local testing, so I added &lt;code&gt;USE_MOCK_AI=true&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I would improve next
&lt;/h2&gt;

&lt;p&gt;Next improvements I would make:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;add GitHub repository cloning from the frontend&lt;/li&gt;
&lt;li&gt;support local Gemma 4 inference for private repositories&lt;/li&gt;
&lt;li&gt;add richer language-specific parsing&lt;/li&gt;
&lt;li&gt;generate docs from diffs after code changes&lt;/li&gt;
&lt;li&gt;add server-side history for generated docs&lt;/li&gt;
&lt;li&gt;support more output formats for different agent ecosystems&lt;/li&gt;
&lt;li&gt;improve prompt compression for large repositories&lt;/li&gt;
&lt;li&gt;add background jobs for larger scans&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The local inference path is especially important. The hosted demo uses Gemini API for easy judging, but private repositories should eventually be able to use local Gemma 4 inference without sending selected code context to an external API.&lt;/p&gt;

</description>
      <category>gemma</category>
      <category>devchallenge</category>
      <category>gemmachallenge</category>
    </item>
    <item>
      <title>Stop Building Manual Quotes: Meet the Agentic Workflow for Kenyan Freelancers</title>
      <dc:creator>Brian Koech</dc:creator>
      <pubDate>Tue, 17 Feb 2026 15:47:01 +0000</pubDate>
      <link>https://dev.to/brykoech254/stop-building-manual-quotes-meet-the-agentic-workflow-for-kenyan-freelancers-l6n</link>
      <guid>https://dev.to/brykoech254/stop-building-manual-quotes-meet-the-agentic-workflow-for-kenyan-freelancers-l6n</guid>
      <description>&lt;p&gt;As developers, we hate repetitive CRUD work. Yet, every time we land a freelance gig, we spend an hour wrestling with Word docs or generic invoicing SaaS that doesn't understand M-Pesa or local business logic.&lt;/p&gt;

&lt;p&gt;I’m excited to share how we're using Agentic AI at &lt;a href="https://betterquotes.touchitlimited.com/" rel="noopener noreferrer"&gt;BetterQuotes&lt;/a&gt; to turn "billing" from a chore into a single prompt.&lt;br&gt;
&lt;strong&gt;🤖 What is an "Agentic" Quote Agent?&lt;/strong&gt;&lt;br&gt;
Most invoicing tools are just "digital paper." You click, you type, you save.&lt;/p&gt;

&lt;p&gt;An Agentic Agent is different. It doesn't just store data; it carries out an intent. It understands context, applies business rules, and executes multi-step workflows.&lt;/p&gt;

&lt;p&gt;Inside BetterQuotes, the agent allows you to skip the menus. Instead of clicking "New Quote" -&amp;gt; "Add Client" -&amp;gt; "Add Item," you can interact with a system that:&lt;/p&gt;

&lt;p&gt;Reasons through your request: "Create a quote for a 3-month React Native project for Safaricom, total 450k, split into 3 milestones."&lt;/p&gt;

&lt;p&gt;Applies Logic: It automatically calculates the KES totals, formats the milestones, and attaches your branded header.&lt;/p&gt;

&lt;p&gt;Closes the Loop: With one confirmation, it pushes the quote to the client and sets up the M-Pesa STK Push trigger for the deposit.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;We built this with a "Dev-First" mindset:&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Context-Aware:&lt;/strong&gt; The agent remembers your common service rates and client preferences.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;M-Pesa Integration (The Killer Feature):&lt;/strong&gt; No more "Send me the screenshot" or manual reconciliation. The agent tracks the payment status via M-Pesa API in real-time.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Branding without the CSS:&lt;/strong&gt; You get professional, high-fidelity PDFs and web-views without touching a design tool&lt;/p&gt;

&lt;p&gt;The goal of BetterQuotes isn't just to "make quotes." It's to build a Business OS for the Kenyan ecosystem. Whether you’re a solo dev or running a small agency, you can now manage your team and your cash flow using a tool that feels as smart as the code you write&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftqxtbri4j5anqpqs8i6z.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftqxtbri4j5anqpqs8i6z.png" alt="A clean, professional dashboard of BetterQuotes showing a summary of total quotes, pending M-Pesa payments, and a list of recent business clients in Kenya." width="800" height="407"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>agents</category>
      <category>ai</category>
    </item>
    <item>
      <title>Standard-Bearer AI: Making Company Standards Conversational</title>
      <dc:creator>Brian Koech</dc:creator>
      <pubDate>Tue, 27 Jan 2026 18:23:52 +0000</pubDate>
      <link>https://dev.to/brykoech254/standard-bearer-ai-making-company-standards-conversational-2ga1</link>
      <guid>https://dev.to/brykoech254/standard-bearer-ai-making-company-standards-conversational-2ga1</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/algolia"&gt;Algolia Agent Studio Challenge&lt;/a&gt;: Consumer-Facing Conversational Experiences&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;Project Link:&lt;br&gt;
Live Demo: &lt;a href="https://algosearch-alpha.vercel.app/" rel="noopener noreferrer"&gt;https://algosearch-alpha.vercel.app/&lt;/a&gt; &lt;br&gt;
GitHub Repository: &lt;a href="https://github.com/bryko254/algosearch" rel="noopener noreferrer"&gt;https://github.com/bryko254/algosearch&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsqppra0raymvqpg25u1f.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsqppra0raymvqpg25u1f.png" alt="Diagram showing the Retrieval-Augmented Generation (RAG) workflow: User query leads to Algolia Search, which retrieves context from the documentation index to feed the AI Agent for a grounded response." width="800" height="430"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  *&lt;em&gt;The Problem *&lt;/em&gt;
&lt;/h2&gt;

&lt;p&gt;🛡️&lt;br&gt;
In my experience as a developer, I've seen internal coding standards buried in static PDFs, Confluence pages, or READMEs that nobody reads. This leads to "technical debt by accident"—developers want to follow the rules, but finding them is a chore. When information "foraging" is too hard, consistency dies&lt;/p&gt;

&lt;h2&gt;
  
  
  *&lt;em&gt;The Solution: Standard-Bearer AI *&lt;/em&gt;
&lt;/h2&gt;

&lt;p&gt;🤖&lt;br&gt;
Standard-Bearer AI transforms stagnant documentation into a proactive architectural mentor. Built using Algolia Agent Studio, it allows developers to ask natural language questions and receive precise, company-sanctioned answers instantly.&lt;/p&gt;

&lt;p&gt;Instead of browsing through a list of search links, the developer gets the exact answer extracted from the source of truth&lt;/p&gt;

&lt;h2&gt;
  
  
  How I Used Algolia Agent Studio
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;1. The Knowledge Base (Algolia Index)&lt;/strong&gt;&lt;br&gt;
I created a structured &lt;strong&gt;JSON index&lt;/strong&gt; containing core standards for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Python Style Guides (PEP 8)&lt;/li&gt;
&lt;li&gt;Conventional Commits&lt;/li&gt;
&lt;li&gt;Security &amp;amp; API Key Management&lt;/li&gt;
&lt;li&gt;Database Migration Policies&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;2. The Brain (Agent Studio)&lt;/strong&gt;&lt;br&gt;
Using Algolia Agent Studio, I configured a "Standard-Bearer" agent. I implemented a strict System Prompt to ensure the AI acts as a "source of truth" guardian. It is instructed to only answer based on the indexed data, effectively eliminating hallucinations&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. The Experience (Frontend)&lt;/strong&gt;&lt;br&gt;
The frontend is a modern Vite application using InstantSearch.js. I integrated the new InstantSearch chat widget, which provides the conversational bridge to the Agent.&lt;/p&gt;

&lt;p&gt;Auto-open Logic: The widget automatically greets the developer on load, reducing the friction to start a query.&lt;/p&gt;

&lt;p&gt;Visual Cues: I added a custom mutation observer to show animated loading states while the AI is "thinking" and retrieving documentation&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Fast Retrieval Matters
&lt;/h2&gt;

&lt;p&gt;In a documentation context, latency is the enemy of adoption. If a developer has to wait 10 seconds for a search result or an AI response, they will simply stop using the tool and go back to guessing—or worse, following outdated patterns&lt;/p&gt;

&lt;p&gt;**Reliable RAG (Retrieval-Augmented Generation): Fast retrieval allows the Agent to perform multiple lookups if necessary, ensuring that the AI’s response is always grounded in the most relevant, up-to-date documentation&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Technical Architecture *&lt;em&gt;🧠&lt;br&gt;
*&lt;/em&gt;&lt;em&gt;User Query&lt;/em&gt;&lt;/strong&gt;: "How should I name my Python classes?"&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;Retrieva&lt;/em&gt;&lt;/strong&gt;l: Algolia searches the internal_documentation index for the "Python Style Guide" record.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;Augmentation&lt;/em&gt;&lt;/strong&gt;: The text "Use PascalCase for classes" is fed to the Agent.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;Generation&lt;/em&gt;&lt;/strong&gt;: The Agent Studio LLM synthesizes a helpful response: "According to our standards, you should use PascalCase for classes."&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqnwnnsp3gx9i67rv0qrv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqnwnnsp3gx9i67rv0qrv.png" alt="Technical architecture diagram of Standard-Bearer AI, illustrating the connection between the Vite frontend, Algolia Agent Studio, and the internal documentation index." width="800" height="446"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Team Members:&lt;br&gt;
&lt;a class="mentioned-user" href="https://dev.to/brykoech254"&gt;@brykoech254&lt;/a&gt; Brian Koech&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>algoliachallenge</category>
      <category>ai</category>
      <category>agents</category>
    </item>
  </channel>
</rss>
