The latest articles on DEV Community by akan evans (@akan_evans_4804b6986d5fb4). https://dev.to/akan_evans_4804b6986d5fb4 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%2F3490619%2F20547d12-42e2-4b91-906e-adcd242b9bdd.jpg https://dev.to/akan_evans_4804b6986d5fb4 en akan evans Thu, 02 Oct 2025 06:32:15 +0000 https://dev.to/akan_evans_4804b6986d5fb4/-h1a https://dev.to/akan_evans_4804b6986d5fb4/-h1a <div class="ltag__link"> <a href="/akan_evans_4804b6986d5fb4" class="ltag__link__link"> <div class="ltag__link__pic"> <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%2Fuser%2Fprofile_image%2F3490619%2F20547d12-42e2-4b91-906e-adcd242b9bdd.jpg" alt="akan_evans_4804b6986d5fb4"> </div> </a> <a href="https://dev.to/akan_evans_4804b6986d5fb4/clueframe-5b5n" class="ltag__link__link"> <div class="ltag__link__content"> <h2>ClueFrame</h2> <h3>akan evans ・ Sep 12</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#devchallenge</span> <span class="ltag__link__tag">#googleaichallenge</span> <span class="ltag__link__tag">#gemini</span> </div> </div> </a> </div> devchallenge googleaichallenge gemini akan evans Fri, 12 Sep 2025 11:51:50 +0000 https://dev.to/akan_evans_4804b6986d5fb4/clueframe-5b5n https://dev.to/akan_evans_4804b6986d5fb4/clueframe-5b5n <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.amazonaws.com%2Fuploads%2Farticles%2Fqswqalz0dw4pj7j91xh4.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.amazonaws.com%2Fuploads%2Farticles%2Fqswqalz0dw4pj7j91xh4.png" alt=" " width="800" height="332"></a><br> <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%2F6v1z7ls7z03lmy7zxjqc.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.amazonaws.com%2Fuploads%2Farticles%2F6v1z7ls7z03lmy7zxjqc.png" alt=" " width="800" height="292"></a><br> <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%2Fmwzgfm3g6burc65vaxuz.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.amazonaws.com%2Fuploads%2Farticles%2Fmwzgfm3g6burc65vaxuz.png" alt=" " width="800" height="298"></a><br> <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%2Fmaxtkh0iwn2w9b76o5j2.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.amazonaws.com%2Fuploads%2Farticles%2Fmaxtkh0iwn2w9b76o5j2.png" alt=" " width="800" height="340"></a><br> <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%2Fbgz05ds9oavyxuh7xvhk.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.amazonaws.com%2Fuploads%2Farticles%2Fbgz05ds9oavyxuh7xvhk.png" alt=" " width="800" height="327"></a><br> <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%2Fr3q7zsdor46ry9tdjrjd.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.amazonaws.com%2Fuploads%2Farticles%2Fr3q7zsdor46ry9tdjrjd.png" alt=" " width="800" height="371"></a></p> <p>This is a submission for the <a href="https://dev.to/challenges/google-ai-studio-2025-09-03">Google AI Studio Multimodal Challenge</a>*</p> <p><strong>What I Built</strong><br> ClueFrame is an AI-powered, crime-solving applet. Players examine AI-created visual evidence, collect and link clues on an interactive detective board, question leads, and identify suspects while racing against a timer to crack the case.</p> <p>It solves the “stale mystery” problem by producing endless, believable cases and turns passive puzzles into collaborative, narrative-driven investigations. The applet trains observation, inference, and teamwork in a low-risk, replayable format.</p> <p>Built for tabletop fans, educators, teams building soft skills, and creators who need rapid scenario prototyping, it makes mystery-solving social and creative. Players don’t just consume a story, they co-author the outcome through evidence and deduction.</p> <p><a href="https://drive.google.com/file/d/1B-WmMerMSd5NcKAJFxUNTQi3aPBh-s3G/view?usp=sharing" rel="noopener noreferrer">Video of clueFrame</a></p> <h2> How I Used Google AI Studio </h2> <p>I used a two-model multimodal pipeline: gemini-2.5-flash for all text and structured data (scenario generation, clue metadata, refined image prompts) and imagen-4.0-generate-001 solely for photoreal visual evidence.</p> <p>Gemini produces coherent scenarios, searchable metadata, and on-demand prompt refinements; Imagen renders those prompts into high-fidelity images. The UI links each image to its structured context so images are queryable, annotatable, and filterable on the detective board.</p> <p>Benefits: photoreal imagery boosts immersion, structured text makes evidence machine-actionable, and rapid text→image refinement lets investigators iterate hypotheses and explore leads in real time.</p> <p>The code was developed and run in Google AI Studio.</p> devchallenge googleaichallenge gemini