The latest articles on DEV Community by Ishwar Ghotale (@ishwar_ghotale). https://dev.to/ishwar_ghotale https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4103066%2Ff2a3201e-7e27-42df-a97a-890c2d7b6934.png https://dev.to/ishwar_ghotale en Ishwar Ghotale Sun, 04 Oct 2026 14:47:47 +0000 https://dev.to/ishwar_ghotale/sanity-context-mcp-ai-knowledge-agent-hg9 https://dev.to/ishwar_ghotale/sanity-context-mcp-ai-knowledge-agent-hg9 <p>This is a submission for the Sanity Challenge, Path One: Ship an Agent That Queries Real Content.</p> <h2> Project Overview </h2> <p>I built an AI-powered knowledge agent connected to a structured Knowledge Base stored in Sanity.</p> <p>The goal of the project is to allow users to ask questions in natural language and get answers based on structured content from Sanity rather than relying only on general AI knowledge or simple keyword search.</p> <h2> How It Works </h2> <p>The application uses:</p> <ul> <li>Sanity as the structured Knowledge Base</li> <li>Sanity Context MCP to provide context from the knowledge base</li> <li>An AI agent to understand user questions and generate answers</li> <li>A web interface where users can interact with the agent</li> </ul> <p>The Knowledge Base contains structured documentation and information that the agent can use when answering questions.</p> <h2> Key Features </h2> <ul> <li>Natural-language questions</li> <li>Structured content stored in Sanity</li> <li>AI-powered answers based on Sanity content</li> <li>Source-aware responses</li> <li>Knowledge Base designed for documentation and technical information</li> <li>Web-based interface for interacting with the agent</li> </ul> <h2> Why Sanity Context MCP? </h2> <p>Instead of treating Sanity content as a simple collection of text, the project uses structured content as a knowledge source for the AI agent. </p> <p>This makes it possible for the agent to retrieve relevant information from the Knowledge Base and use that information to provide more grounded answers.</p> <h2> Example </h2> <p>A user can ask:<br> "What is HTML?"</p> <p>The agent can retrieve the relevant HTML information from the Sanity Knowledge Base and use it to generate the response. Additional knowledge entries can be added to Sanity without changing the application itself.</p> <h2> Sanity Project Details </h2> <ul> <li> <strong>Sanity Project ID:</strong> <code>9m8pdh3h</code> </li> <li> <strong>Dataset:</strong> <code>production</code> </li> </ul> <h2> Links </h2> <ul> <li> <strong>GitHub Repository:</strong> <a href="https://github.com/nexus-digital-in/sanity-ai-agent" rel="noopener noreferrer">https://github.com/nexus-digital-in/sanity-ai-agent</a> </li> <li> <strong>Live Project:</strong> Local environment only (API Integration WIP)</li> <li> <strong>Sanity Studio:</strong> [<a href="https://www.sanity.io/@oj12djnwi/studio/ea7r3qhu66e1oyi9u193zjpm/default/structure" rel="noopener noreferrer">https://www.sanity.io/@oj12djnwi/studio/ea7r3qhu66e1oyi9u193zjpm/default/structure</a>]</li> </ul> <h2> Tech Stack </h2> <ul> <li>React</li> <li>Vite</li> <li>Sanity</li> <li>Sanity Context MCP</li> <li>AI API</li> <li>Cloudflare Workers</li> <li>JavaScript</li> </ul> <h2> Project Goal </h2> <p>The main goal of this project was to explore how Sanity's structured content can be connected to an AI agent and used as a reliable knowledge source. This project is also designed so the Knowledge Base can be expanded with more technical documentation and structured information in the future.</p> <h2> Challenge </h2> <p>This project was created as part of the Sanity Challenge, Path One, to demonstrate an agent that can query real, structured content and use it to answer user questions.</p> <p>Thanks to the Sanity team and Dev Community for organizing the challenge.</p> devchallenge sanitychallenge sanity ai Ishwar Ghotale Sat, 05 Sep 2026 17:23:33 +0000 https://dev.to/ishwar_ghotale/my-generosity-card-thank-you-everyone-3ai9 https://dev.to/ishwar_ghotale/my-generosity-card-thank-you-everyone-3ai9 <p><em>This is a submission for <a href="https://dev.to/challenges/weekend-2026-09-03">Weekend Challenge: Generosity Edition</a></em></p> <h2> What I Built </h2> <p>I am currently learning web development! for this weekend challenge, I have built a simple and clean "Generosity &amp; Thank You Card" using only HTML and CSS to show gratitude towards people who help others.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight html"><code><span class="cp">&lt;!DOCTYPE html&gt;</span> <span class="nt">&lt;html</span> <span class="na">lang=</span><span class="s">"en"</span><span class="nt">&gt;</span> <span class="nt">&lt;head&gt;</span> <span class="nt">&lt;meta</span> <span class="na">charset=</span><span class="s">"UTF-8"</span><span class="nt">&gt;</span> <span class="nt">&lt;meta</span> <span class="na">name=</span><span class="s">"viewport"</span> <span class="na">content=</span><span class="s">"width=device-width, initial-scale=1.0"</span><span class="nt">&gt;</span> <span class="nt">&lt;title&gt;</span>Generosity - Thank You<span class="nt">&lt;/title&gt;</span> <span class="nt">&lt;style&gt;</span> <span class="nt">body</span> <span class="p">{</span> <span class="nl">font-family</span><span class="p">:</span> <span class="s2">'Segoe UI'</span><span class="p">,</span> <span class="nb">sans-serif</span><span class="p">;</span> <span class="nl">background-color</span><span class="p">:</span> <span class="m">#f0f3f4</span><span class="p">;</span> <span class="nl">display</span><span class="p">:</span> <span class="n">flex</span><span class="p">;</span> <span class="nl">justify-content</span><span class="p">:</span> <span class="nb">center</span><span class="p">;</span> <span class="nl">align-items</span><span class="p">:</span> <span class="nb">center</span><span class="p">;</span> <span class="nl">min-height</span><span class="p">:</span> <span class="m">80vh</span><span class="p">;</span> <span class="nl">margin</span><span class="p">:</span> <span class="m">0</span><span class="p">;</span> <span class="p">}</span> <span class="nc">.card</span> <span class="p">{</span> <span class="nl">background</span><span class="p">:</span> <span class="m">#ffffff</span><span class="p">;</span> <span class="nl">max-width</span><span class="p">:</span> <span class="m">450px</span><span class="p">;</span> <span class="nl">padding</span><span class="p">:</span> <span class="m">30px</span><span class="p">;</span> <span class="nl">border-radius</span><span class="p">:</span> <span class="m">12px</span><span class="p">;</span> <span class="nl">box-shadow</span><span class="p">:</span> <span class="m">0</span> <span class="m">8px</span> <span class="m">20px</span> <span class="n">rgba</span><span class="p">(</span><span class="m">0</span><span class="p">,</span><span class="m">0</span><span class="p">,</span><span class="m">0</span><span class="p">,</span><span class="m">0.08</span><span class="p">);</span> <span class="nl">text-align</span><span class="p">:</span> <span class="nb">center</span><span class="p">;</span> <span class="nl">border-top</span><span class="p">:</span> <span class="m">5px</span> <span class="nb">solid</span> <span class="m">#2ecc71</span><span class="p">;</span> <span class="p">}</span> <span class="nt">h1</span> <span class="p">{</span> <span class="nl">color</span><span class="p">:</span> <span class="m">#2c3e50</span><span class="p">;</span> <span class="nl">font-size</span><span class="p">:</span> <span class="m">24px</span><span class="p">;</span> <span class="p">}</span> <span class="nt">p</span> <span class="p">{</span> <span class="nl">color</span><span class="p">:</span> <span class="m">#7f8c8d</span><span class="p">;</span> <span class="nl">line-height</span><span class="p">:</span> <span class="m">1.6</span><span class="p">;</span> <span class="p">}</span> <span class="nc">.quote</span> <span class="p">{</span> <span class="nl">background</span><span class="p">:</span> <span class="m">#e8f8f5</span><span class="p">;</span> <span class="nl">padding</span><span class="p">:</span> <span class="m">10px</span><span class="p">;</span> <span class="nl">border-left</span><span class="p">:</span> <span class="m">4px</span> <span class="nb">solid</span> <span class="m">#1abc9c</span><span class="p">;</span> <span class="nl">font-style</span><span class="p">:</span> <span class="nb">italic</span><span class="p">;</span> <span class="nl">color</span><span class="p">:</span> <span class="m">#16a085</span><span class="p">;</span> <span class="nl">border-radius</span><span class="p">:</span> <span class="m">4px</span><span class="p">;</span> <span class="p">}</span> <span class="nt">&lt;/style&gt;</span> <span class="nt">&lt;/head&gt;</span> <span class="nt">&lt;body&gt;</span> <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">&gt;</span> <span class="nt">&lt;h1&gt;</span>Generosity ✨<span class="nt">&lt;/h1&gt;</span> <span class="nt">&lt;p&gt;</span>I am learning web development and I want to use this challenge to say <span class="nt">&lt;b&gt;</span>Thank You<span class="nt">&lt;/b&gt;</span> to everyone who goes out of their way to help others.<span class="nt">&lt;/p&gt;</span> <span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"quote"</span><span class="nt">&gt;</span>"Helping others is the greatest form of humanity."<span class="nt">&lt;/p&gt;</span> <span class="nt">&lt;p&gt;</span>Let's make the world a better place by being kind and helpful!<span class="nt">&lt;/p&gt;</span> <span class="nt">&lt;/div&gt;</span> <span class="nt">&lt;/body&gt;</span> <span class="nt">&lt;/html&gt;</span> </code></pre> </div> <h2> Demo </h2> <h2> Code </h2> <h2> How I Built It </h2> <h2> Prize Categories </h2> devchallenge weekendchallenge