Think Before You Prompt

Jeffery Kachukwucide — Sun, 07 Jun 2026 21:07:03 +0000

AI Is Giving Children Answers, But Are They Learning to Think?

The Importance of Critical Thinking in the Age of Artificial Intelligence

*How I Turned 11 Weeks of AI Research Into an Interactive “Think Before You Prompt” Experience 🚀 Project Link
*
👉 https://anthonyonyenaobijeffery-debug.github.io/Think-before-you-prompt/

🧠 Introduction

Over the past few weeks, I explored a topic that kept bothering me:

As Artificial Intelligence becomes more available to children, are they still learning how to think?

AI tools today can solve homework, explain concepts, write essays, and answer questions instantly. While this is powerful, I started wondering if over-reliance on these tools could affect the development of critical thinking skills in young learners.

Instead of writing a normal article, I decided to turn my research into something more engaging.

I wanted to create something that feels like more than just a blog post.

So I built:

“Think Before You Prompt” — an interactive, hacker-style reading experience where the article writes itself on the screen.

The goal was simple: Make readers experience the message instead of just reading it.

🛠️ How I Built It

This project was built using:

HTML CSS JavaScript GitHub Pages for deployment

The core idea was to simulate a “terminal-style research system” that reveals information gradually using a typewriter effect.

*Key features include:
*
Boot sequence animation Typewriter text rendering Progress bar for reading flow Terminal-style UI Live critical thinking prompts 🧩 What I Learned

This project taught me that:

Presentation can change how people perceive an idea Simple JavaScript can create powerful storytelling effects Educational content becomes more engaging when it feels interactive Finishing projects is more important than starting them 🧠 The Message Behind the Project

AI is not the problem.

The real challenge is ensuring that people — especially children — continue to develop:

Critical thinking Problem-solving skills Independent reasoning

AI should support thinking, not replace it.

📌 Final Thoughts

This project started as research and ended as an experience.

Instead of writing about AI and critical thinking, I built a way to feel the message through interaction.

Sometimes the best way to explain an idea… is to make people experience it.

🔗 Live Project

https://anthonyonyenaobijeffery-debug.github.io/Think-before-you-prompt/

Sentient Canvas: A Localized Agentic Workspace Powered by Google's Gemma 4

Jeffery Kachukwucide — Sun, 24 May 2026 22:37:18 +0000

Sentient Canvas: A Localized Agentic Workspace Powered by Google's Gemma 4

Welcome to the future of localized AI interactions. Sentient Canvas is a high-performance, real-time agentic workspace built entirely on top of Google’s revolutionary Gemma 4 open-weights architecture.

Traditional agent workflows are often bogged down by massive latency, fragmented multi-modal interfaces, and severe echo loops during voice interactions. Sentient Canvas solves this by organizing Gemma 4's native cognitive alignment capabilities into four discrete, hardware-accelerated "Architectural Gates," backed by an advanced, feedback-immune client-side audio pipeline.

🔗 Project Links

Live Demo & Source Code: Sentient Canvas on Hugging Face Spaces

⚙️ How it Works: The 4 Architectural Gates
Sentient Canvas exposes Gemma 4’s native capabilities directly via a streamlined UI, dividing complex latency-sensitive tasks into explicit operational lanes:

Speed Mode (Gate A): Utilizes a high-throughput processing pipeline for immediate, low-latency text responses.
Tool Connect (Gate B): Implements Gemma 4's advanced function calling layer to programmatically manipulate the canvas and alter workspace layouts dynamically.
Vision Scan (Gate C): Passes structural physical assets directly into Gemma 4’s unified multi-modal vision layers.
Deep Think (Gate D): Exposes native, token-by-token explicit reasoning streams so users can watch the system build multi-step logical constraints in real time.

🛠️ The Tech Stack & Overcoming Engineering Hurdles

Inference Model: Google Gemma 4 (Open-Weights Cognitive Alignment)
Deployment Hub: Hugging Face Spaces
Voice Protocol: Web Speech API (SpeechRecognition & SpeechSynthesis Core)
Frontend Real-time Sync: Vanilla JavaScript & Tailwind CSS

Resolving the "Acoustic Feedback & Markdown" Problem
During voice-to-voice testing, we ran into two critical bugs common in streaming agent interfaces:

The Asterisk Loop: The Web Speech Synthesis engine would literally read Markdown formatting elements aloud (saying "asterisk asterisk" instead of speaking normally).
The Inner Monologue Leak: Gemma 4's native <|think|> blocks would accidentally blend into the spoken response queue, causing the AI to vocalize its internal reasoning loops.

The Solution: We engineered a custom client-side pipeline filter (sanitizeTextForSpeech) that intercept-checks data streams in real time. It instantly strips out markdown tokens, filters raw code strings, and blocks internal thought markers, keeping the visual text beautifully styled on the screen while routing a polished, completely clean vocal stream directly to the user.

What's Next?
Sentient Canvas proves that highly responsive, multi-modal agent loops don't need closed-source architectures or massive server infrastructure—they can run efficiently on accessible open frameworks. We plan to expand the interface to support broader tool-calling execution blocks and persistent cross-session thread storage.

Built for the Google Gemma 4 challenge. Let's build the future!

DEV Community: Jeffery Kachukwucide

Think Before You Prompt

Sentient Canvas: A Localized Agentic Workspace Powered by Google's Gemma 4