The latest articles on DEV Community by Mike Demo (@mpmike). https://dev.to/mpmike 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%2F389717%2F19ec695e-826c-46df-ae8f-8c003bf19356.jpg https://dev.to/mpmike en Mike Demo Mon, 21 Sep 2026 19:59:38 +0000 https://dev.to/mpmike/queercade-2997 https://dev.to/mpmike/queercade-2997 <p><em>This is a submission for the <a href="https://dev.to/challenges/sanity-2026-09-16">Sanity Challenge, Path One: Ship an Agent That Queries Real Content</a></em></p> <p><em>This is a submission for the <a href="https://dev.to/challenges/sanity-2026-09-16">Sanity Challenge, Path Two: Vibe-Code Something Strange</a></em></p> <h2> What I Built </h2> <p>I wanted a simple way to discover and find new games that have LGBTQIA stories, themes, characters and creators. I created a web app via Lovable that connects to the <a href="https://www.igdb.com/" rel="noopener noreferrer">IGDB API</a>. I then used <a href="https://www.firecrawl.dev/crawl" rel="noopener noreferrer">Firecrawl</a> to seed the database with a list of starter content based on my search parameters. The web app saves to Sanity which has a Studio and a Context MCP. </p> <p>Note: I tried to create a Knowledge-base but that has a 150 document limit which was unpractical for this project. For the agent connection I used Superhuman GO and made a custom Pack for the agent to connect to.</p> <h2> Demo </h2> <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://queercade.mikedemo.dev/" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fqueercade.mikedemo.dev%2Fog-image.png" height="427" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://queercade.mikedemo.dev/" rel="noopener noreferrer" class="c-link"> QueerCade — a curated arcade of games </a> </h2> <p class="truncate-at-3"> Hand-picked games with LGBTQ+ characters and stories: featured picks, curated collections, and a library you can track. </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fqueercade.mikedemo.dev%2Ffavicon.png" width="64" height="64"> queercade.mikedemo.dev </div> </div> </div> </div> <p> <iframe src="https://www.youtube.com/embed/B8mKqX_jpf4" width="710" height="399"> </iframe> </p> <p><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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F2d9toi659ae6x25g9at5.png" class="article-body-image-wrapper"><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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F2d9toi659ae6x25g9at5.png" alt=" " width="800" height="600"></a></p> <p><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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fxb3egovopp36c8arca34.png" class="article-body-image-wrapper"><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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fxb3egovopp36c8arca34.png" alt=" " width="800" height="600"></a></p> <p><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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fqtxae0wqqgvweooia1s1.png" class="article-body-image-wrapper"><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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fqtxae0wqqgvweooia1s1.png" alt=" " width="800" height="600"></a></p> <h2> How I Used Sanity </h2> <p>Full structured data for the database to save locally from the IGDB API:</p> <p><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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fhp3qybswfer59g3mnupi.png" class="article-body-image-wrapper"><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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fhp3qybswfer59g3mnupi.png" alt=" " width="800" height="600"></a></p> <div class="ltag_gist-liquid-tag"> </div> <h2> Sanity Project Details </h2> <p>Project ID: tzh8tziu</p> <h2> Code &amp; Agent Session: </h2> <div class="ltag_gist-liquid-tag"> </div> devchallenge sanitychallenge sanity ai