Forem: yousu.be

ClickMapper — A Keyboard-Driven Chrome Extension to Eliminate Repetitive Clicks for Content Moderators

yousu.be — Mon, 16 Feb 2026 07:36:06 +0000

This is a submission for the GitHub Copilot CLI Challenge

What I Built

I built ClickMapper, a Chrome extension designed to help content moderators and reviewers work faster by mapping clickable areas on a webpage and triggering actions using keyboard shortcuts.

I have experience working as a content moderator/reviewer, and one of the biggest pain points in that role is performing repetitive clicks in the same spots over and over again to review content. This becomes mentally exhausting and inefficient over long sessions. I realized it would be much more productive if these actions could be simplified with keyboard controls instead of constant mouse movement.

There are existing automation tools like AutoHotkey, but in many companies those tools are banned due to security concerns (malware risks, false positives, or policy restrictions). Additionally, those tools are often not beginner-friendly and require scripting knowledge. Because of that gap, I decided to build ClickMapper as a safe, browser-based moderator companion that works within company restrictions while remaining easy to use.

This project focuses on improving productivity, reducing repetitive strain, and making moderation workflows more efficient without requiring advanced technical setup.

Demo

Project Link: github.com/splmdny
[Update 2/22/26] Official Chrome Store Link: https://chromewebstore.google.com/detail/dnajkjbjlcbbibijanlpakkfkjgehka
Video Demo: https://youtu.be/s2wMHisA7O8
Screenshots:

My Experience with GitHub Copilot CLI

GitHub Copilot CLI played a major role in accelerating development. I used it to:

Generate Chrome Extension Manifest v3 structure
Scaffold content scripts and background logic
Quickly prototype DOM-mapping and event-handling functions
Debug permission issues and refine code patterns
Explore alternative implementation approaches through prompt-driven iteration

The biggest impact was speed. Instead of spending time searching documentation or writing boilerplate manually, I could describe what I wanted in natural language and iterate rapidly. It felt like having a pair-programming assistant that understood both the architecture and the intent behind the feature.

However, from my experience, Copilot still requires manual adjustment—especially when creating UI that is truly usable and favorable for the builder’s specific needs. While it can generate good starting points, refining layout, interaction details, and overall user experience still depends on human decisions and iteration.

Copilot CLI also helped reduce context switching, allowing me to stay focused on solving the actual workflow problem for moderators rather than getting stuck on setup details.

Overall, it significantly improved productivity and made experimentation much easier throughout the build process.

Who’s That Pokémon? – The Twist!

yousu.be — Mon, 15 Sep 2025 07:06:01 +0000

This is a submission for the Google AI Studio Multimodal Challenge

What I Built

*Who’s That Pokémon? *– The Twist! is a fun and challenging Pokémon quiz game built with React, TypeScript, and the Google Gemini API.

Can you guess the Pokémon from its silhouette? Careful—the silhouette might not be the Pokémon you think it is!

Demo

GitHub repo: WhosThatPokemon repo
Google AI studio: WhosThatPokemon
Image:

How I Used Google AI Studio

I leveraged Google Gemini API with multimodal inputs to create the core twist mechanic:

gemini-2.5-flash-image-preview → for morphing Pokémon, reshaping one into another’s silhouette.
gemini-2.5-flash → for progressive AI clue generation.

The app sends multiple modalities (text instructions + Pokémon images) to Gemini:

Text Prompt → Explains the morphing rules (e.g., “Take source Pokémon’s colors/texture and apply to silhouette shape”).
Image 1 → Source Pokémon (for colors and texture).
Image 2 → Target Pokémon silhouette (for shape).

Output: Gemini processes them together to generate a unique AI morphed Pokémon—a perfect example of multimodality in action.

Multimodal Features

Image + Text Fusion → Combines text prompts with Pokémon images for morphing.
AI-Generated Silhouette Morphing → Creates unpredictable twists in gameplay.
Progressive AI Clue System → AI adapts hints based on player performance.
Downloadable Artwork → Save and share AI-generated Pokémon creations.

Team

Yusup Almadani
Github : https://github.com/splmdny
Website : https://splmdny.vercel.app/

FitThat.Me – AI-Powered Virtual Try-On

yousu.be — Mon, 15 Sep 2025 06:45:12 +0000

This is a submission for the Google AI Studio Multimodal Challenge

What I Built

FitThat.Me is an AI-powered virtual dressing room that helps you try on clothes anytime, anywhere — no changing room required.

Upload a full-body photo of yourself.
Add images of clothing items.
Instantly see how the outfit fits your style.

This app solves the hassle of online shopping uncertainty and makes it easier for users to visualize outfits before purchase. Whether you’re at home, commuting, or traveling, you can try on clothes on-the-go.

Demo

Web deploy: https://fitthatme.netlify.app/ (I'm still fixed it, free tier - out of quota)
GitHub repo: FitThat.Me repo
Google AI studio: FitThat.Me
Image:

How I Used Google AI Studio

I leveraged Google AI Studio with the Gemini 2.5 multimodal APIs to build the try-on experience:

Gemini 2.5 Flash Image Preview → for image editing & composition, merging clothing onto the user’s uploaded photo.
Imagen 4.0 Generate 001 → for generating placeholder product images (in case users don’t have high-quality clothing photos).

These APIs made it possible to handle realistic image overlays while keeping the system lightweight and responsive.

Multimodal Features

Image Understanding → Detects user body shape and clothing alignment.
Image Editing & Composition → Fits clothes naturally onto uploaded photos.
AI-Generated Clothing Previews → Fills in missing product visuals with AI-generated placeholders.

Together, these multimodal features create a personalized, interactive fitting experience that enhances confidence in styling choices and online shopping.

Team

Yusup Almadani
Github : https://github.com/splmdny
Website : https://splmdny.vercel.app/