Voice Task Master banner

Voice Task Master

24 devlogs
34h 23m 56s

VOICE-TASK-MASTER (VTM) is a voice-first task manager built as a Chrome Extension for developers who live in the terminal mindset. Manage tasks by speaking — "add fix the auth bug critical", "delete deploy", "status report" — and the extension han…

VOICE-TASK-MASTER (VTM) is a voice-first task manager built as a Chrome Extension for developers who live in the terminal mindset. Manage tasks by speaking — “add fix the auth bug critical”, “delete deploy”, “status report” — and the extension handles the rest. Features a Cyber/Hacker UI with CRT scanline effects, real-time Flavortown HUD integration (auto-detects open projects and syncs context), visual priority system (CRITICAL / SHIP / BACKLOG), drag-to-reorder, batch import, tag filters, and JSON export.

This project uses AI

I used AI (Perplexity) mainly in the final sprint and ship prep — reviewing code for UX bugs, discussing which features to prioritize (priority system, drag-to-reorder, tag filters, HUD sync), and structuring recomendation for the README. The concept, architecture, all code, commits, testing and .crx packaging were done by me.

Demo Repository

Loading README...

ChefThi

Shipped this project!

This is my SECOND SHIP for VOICE-TASK-MASTER (VTM)! 🚀

After the first ship, I read all the amazing feedback from the community and judges regarding the UI and functionalities. I didn’t want to leave it as just a basic voice-to-do list, so I went back to the kitchen for a massive overhaul.

I completely removed the old “Cyberpunk” look and built a Hack Club Native UI (Emerald Green & Bubblegum Pink). To make it unobtrusive, I added a hidden Command Palette that only drops down like Spotlight/Raycast when you hit Ctrl+Shift+V. I also built a Neural Feedback Visualizer pink bars that “breathe” in real-time as you speak!

The hardest part was stabilizing the new background voice engine with Manifest V3. Implementing the hotkeys and the visualizer caused the UI thread to crash silently (“Ghost Popups”) when asking for mic permissions. blobby-microphone

But I figured it out by testing to exhaustion on Edge Canary mobile, refactoring the DOM event listeners, and using the Offscreen API to make the Voice Uplink 100% Resilient and Hardened. edgenew

Really happy yay with how this absolute_cinema version turned out! :)

ChefThi
  • release: v1.5.7 - Final Emergency Fix (Stable Voice Uplink) (6ac5cda)
  • release: v1.6.9 voice task capture (10c1b20)
  • docs: update banner version (f16485e)

The ultimate test of sanity right before the second ship. The v1.5.7 emergency fix for the stable Voice Uplink was the critical bottleneck. I spent hours on the Positivo laptop running Debian 13 testing the microphone permission fallback loop to ensure the Manifest V3 popup wouldn’t die silently.

Once the UI thread was finally Hardened, I pushed the ultimate release: v1.6.9 voice task capture. I also did a massive repository cleanup—deleting the old vtm_v1.5.0.zip files and updating the vtm_banner.svg so the project page looks pristine for the judges. Pushing those final commits on the A05s while the bus hit every pothole was pure Essence. The extension is completely Resilient now! chrome

Attachment
Attachment
0
ChefThi
blobby-clapper The Vision: Almost Done

The chaotic debugging marathon is paying off

I have almost done everything I thought of for this extension. The core voice logic, the project detection, the UI styling… it’s all connecting. I spent this hour reviewing the pipeline and preparing for the final emergency fixes. The code isn’t fully pushed yet, but the architecture is locked in. Ready for the final ship (At least I hope there won’t be any more problems blobfearsweat

Attachment
0
ChefThi
ms-magnifying-glass-left Debug Session: The Permission Bottleneck

No new commits right now, just raw debugging. Testing on Edge Canary edgenew on mobile revealed a massive bottleneck samsung

VTM prompted me for microphone permissions, but the popup UI just silent-crashes. I spent this session purely reading logs and trying to understand why Manifest V3 handles audio prompts so aggressively. The renderer completely loses context when the permission prompt appears. Need to isolate this before pushing any new code.

Attachment
0
ChefThi
  • debug: isolating Hotkey V UI thread assassination

eggbug The Struggle: Hotkey V vs Manifest V3

Still in the trenches. No code pushed yet because the foundation is currently broken under stress

stress

I’ve been debugging even more errors related to the Ctrl+Shift+V hotkey. Whenever I trigger the Neural Uplink via keyboard, the browser just assassinates the popup.html thread. It’s a frustrating struggle feelsbad with the DOM tree crashing before the event listener finishes. I’m tearing apart the background and content scripts to figure out a safe fallback to make this Resilient.

Attachment
0
ChefThi
  • fix: Voice Uplink hotkey resolution

Guysss fireball Hotkey V Finally Hardened

After a frustrating session of debugging the rendering errors, I finally nailed down the issue with the Voice Uplink hotkey.

The browser was aggressively killing the UI when Ctrl+Shift+V was pressed due to context loss in the popup. I refactored the listener logic so it intercepts the command safely without crashing the DOM tree. The mic trigger is now fully Resilient and the permission flow doesn’t freeze the extension anymore.

Attachment
Attachment
0
ChefThi
  • fix: Voice Uplink hotkey and permission rendering errors

The Hotkey V Struggle & Manifest V3 Bottlenecks

This session was pure chaos. I spent almost two hours isolating a bug that was silently killing the user experience.

The extension started throwing bizarre UI rendering errors whenever the Neural Uplink was triggered. I realized the browser was silently assassinating the popup.html thread when using the Ctrl+Shift+V hotkey due to a bottleneck with the microphone permission prompt.

winner
I refactored the addEventListener to intercept the hotkey before the DOM crashes. I also fixed the fallback system so the permission flow doesn’t freeze the screen. The Voice Uplink is now fully Resilient.
Alt text

Attachment
0
ChefThi
🎙️ UI Refinement: The Pop-up Pipeline

Still testing heavily on mobile and Edge Canary to ensure the interface is truly Hardened.

The raw logic for the new pop-up listening state is fully implemented. I had to tweak the layout so the visualizer doesn’t break when rendering on smaller, unpredictable mobile screens. It was a bit of a struggle fighting the extension renderer, but I added some better things here to ensure the animation is smooth. The pipeline for voice capture is starting to look like Absolute Cinema.

Attachment
0
ChefThi
  • feat: v1.5.2 - Command Palette & Neural Feedback Visualizer (2a1108a)

🎨 Command Palette & Neural Feedback: Adding Essence

Since the last ship, I haven’t ridden the bus much. Instead, I shifted to testing everything directly in Edge Canary on mobile to see how the UI handles chaotic environments.

Building the Command Palette was a critical win. The old HUD was too static and cluttered the screen. Now, the UI is hidden by default and only descends like a terminal when triggered by the hotkey. To give the tool true Essence, I built the Neural Feedback Visualizer. The extension now actually “breathes” with the user, showing real-time pink bars reacting to the voice input. The factory is getting cleaner.

Attachment
0
ChefThi

update is all about unobtrusive power. One of the biggest pieces of feedback I received was that the HUD was too busy imbusy and took up too much space. In v1.5.2, I’ve completely reimagined the interaction model.

The Command Palette Experience:

  • The HUD is now hidden by default. It only descends from the top of the screen when you trigger the Neural Uplink (Ctrl+Shift+V) ms-microphone
  • Inspired by tools like Raycast and Spotlight, the UI is centered and clean, allowing you to focus purely on the task at hand.
  • Once an order is placed, the palette gracefully exits, keeping your screen clutter-free. tw_free

Neural Feedback Visualizer:

  • Added a Voice Visualizer! Now, when you speak, you’ll see real-time pink p_hotpink bars pulsing to your voice. No more wondering if the mic is picking you up—the extension now “breathes” with you.
Attachment
0
ChefThi
  • feat: v1.5.1 - Hack Club Native UI & Chef Edition Refinement (a12bfce)

The Ship of v1.5.1: The “Chef’s Edition”

Based on community feedback, I’ve performed a total visual transfusion on VOICE-TASK-MASTER. The “Cyberpunk” look is gone, replaced by a Hack Club Native design system. By integrating Phantom Sans and the official palette—Emerald Green (#10B981) and Bubblegum Pink (#F567D7)—the extension now feels like an organic part of the shipyard.

I’ve also overhauled the internal logic to follow a Chef & Kitchen semantic. Your tasks are now Orders, tracked in a refined Daily Menu. The content.js and HUD are now cleaner and more legible, removing legacy flicker effects for a professional finish. The Neural Uplink also received a UX boost; interim voice results now glow in pink, confirming the extension is “hearing” your commands in real-time.

Attachment
0
ChefThi

Ever since the first ship of VOICE-TASK-MASTER, I’ve been keeping a close eye on the feedback loop from the community and the reviewers. It became clear that while the core concept was solid, the distribution and some initial details needed immediate attention. I realized I had committed a classic mistake by forgetting to include the .crx build in the GitHub Releases section, which made installation a bit of a hurdle for some of you. This has been fixed, and the latest build is now live and accessible for anyone wanting to test the neural uplink without friction.
github

I’ve also been analyzing the comments regarding the UX and UI stability. I am already deep into the code refactoring the speech recognition logic to ensure that interim results are captured more accurately across different environments. Reading through the judge’s notes has been incredibly helpful; it’s clear that the project needs to feel less like a “Cyberpunk HUD” and more like a native extension of the Flavortown ecosystem. I am currently “cooking flavortown “ a total visual overhaul—moving away from generic neon styles to adopt the official Hack Club design tokens.

This phase is all about refining the ingredients. I am committed to turning every piece of feedback into a technical improvement. The v1.5.1 update is already in the works, focusing on making the tool feel professional, unobtrusive, and genuinely useful for the high-intensity workflow we all love here in the shipyard. Stay tuned, because the next ship is going to be massive (I hope, at least emojibot-x2 )

Attachment
0
ChefThi

  • I’m basically working for the reship.
    For some reason, it seems the zip file in the repo was old. I tweaked a few things, made commits, and prepared to reship and make sure things are where they’re supposed to be.

Go to this page for view the Kitchen Mode from the extension Flavortown Kitchen

Take a look on the attached images in this post. (I flashed the photo from my phone because when I activate the printscreen app the pop-up of the extension 'hide'

Attachment
Attachment
0
ChefThi
  • refactor: remove unused options page + add kitchen mode + i18n auto-detect (96d9694)
  • dist: ship version 1.4.0 with full i18n support and UI enhancements (f72d1d8)
  • Delete vtm_v1.3.1.zip (f30c126)
  • Bump version to v1.4.0 and update installation steps (990e028)

Quick morning sprint to push v1.4.0. Cleaned the last loose ends from yesterday and added some tasty new flavor.

Highlights

  • Full internationalization (I hope…) (i18n) with automatic language detection — now works smoothly for international hackers.
  • Kitchen Mode added: pure retro terminal feel with extra CRT crunch and no distractions. Perfect for deep focus sessions.
  • Smarter project context detection via chrome.tabs — auto-pulls Flavortown project info even better.
  • Fixed a sneaky connection error that was popping up on reload.
  • Removed unused options page and cleaned the dist folder (goodbye old zip).
Attachment
0
ChefThi

This session focused on making the extension production-ready by hardening security and improving data visibility.

  • Security (CSP): Refactored all UI events to proper listeners. This ensures 100% compliance with Manifest V3 security policies.
  • Visual Metadata: Added clear labels for task groups (Bugfix, UI/UX, etc.) and priority levels directly in the grid.
  • Improved HUD: Refined project detection logic to provide cleaner headers and better color-coded status messages on Flavortown.
  • Robustness: Added guardrails to the message-passing system to prevent errors when using commands on non-project pages.
Attachment
0
ChefThi
  • fix: remove inline onclick handlers (CSP violation MV3) (01d15ef)
  • fix: wire filter buttons via addEventListener, fix group/priority display, fix CSP (c239fc2)
  • dist: update final vtm_v1.3.1.zip and cleanup repository root (c52763b)
  • Delete vtm_v1.3.1_FINAL.zip (8aeb2ff)
  • Fix installation zip name and update release link (b04ee0e)

Rapid fire fixes today to ship a clean v1.3.1. Focused on the last undocumented bugs that were blocking a smooth reviewer experience.
Manifest V3 is strict with CSP — inline event handlers were breaking the extension on load. Fixed by moving everything to proper listeners. Filter buttons now actually work, priority glows and groups display correctly, and the download zip has a clean, consistent name.
The mic permission flow (already fixed earlier) is now even more stable with the cleaned init sequence. No more silent failures or broken UI elements.
Bumped to v1.3.1 — final zip ready, README updated, everything tested.
This version feels production-solid: voice commands + real-time Flavortown HUD + cyber terminal UI, all without security headaches.

Attachment
Attachment
Attachment
0
ChefThi

Shipped this project!

Hours: 17.24
Cookies: 🍪 451
Multiplier: 21.79 cookies/hr

I built a Chrome Extension that lets you manage tasks using your voice — just say “add fix the login bug critical” or “status report” and it handles the rest. It has a Cyber/Hacker UI with CRT scanlines, visual priority system (CRITICAL / SHIP / BACKLOG), drag-to-reorder, tag filters, and real-time integration with Flavortown — it auto-detects which project page you’re on and syncs context. The hardest part was the Flavortown HUD sync: getting the content script to reliably detect the active project and inject the floating widget without breaking the page layout. :)

ChefThi

Voice Task Master (VTM) Technical Documentation

The final development sprint for Voice Task Master (VTM) focused on deep integration, establishing a centralized “Mission Control” for the Flavortown ecosystem.

Universal Project Bridge

VTM implements the chrome.tabs API to monitor browser context. It automatically identifies the active project at flavortown.hackclub.com.

  • Contextual Tagging: Tasks are automatically assigned the corresponding Project ID.
  • Dynamic HUD: The on-page interface filters the backlog in real-time to synchronize with the current “Ship” profile.

Mission Control & “Ship It” Mode

  • Neural Commands:
    • "Ship it!": Triggers a visual confirmation on the Flavortown DOM and executes auto-archiving for all completed tasks.
    • "Generate log": Generates a categorized Markdown summary of progress. The output is copied to the clipboard, pre-formatted for shipping reports.

Power-User UX & Performance

  • Global Hotkey: Ctrl + Shift + V provides instant voice uplink activation across any browser tab.
  • Native Drag & Drop: Priority management is handled via a manual reordering system built on the zero-dependency HTML5 Drag and Drop API.
  • Smart Grouping: An automated keyword analysis engine categorizes tasks into three primary streams: Bugfix, UI/UX, and Ship Log.
Attachment
Attachment
Attachment
0
ChefThi

I continued conduzing, I evolved Voice Task Master from a personal tool into a universal ecosystem utility for the Hack Club Flavortown community. Focused on “Project Awareness” and dynamic UI adaptation.

The Problem:

Previously, the extension used static tags, making it feel like a “mock” or restricted to a single project. Developers shipping multiple projects needed a way to isolate tasks without manual sorting.

The Solution: Universal Project Bridge

  • Chrome Tabs Intelligence: Integrated the chrome.tabs API to monitor the active browser context. VTM now “sees” which Flavortown project you are currently visiting.
  • Dynamic Auto-Tagging: When adding a task (via neural uplink or text), the extension automatically “stamps” it with the current project ID (e.g., #4322). This links your backlog to your ship automatically.
  • Context-Filtered HUD: The on-page HUD now filters tasks in real-time. If you switch from Project A to Project B on the site, the VTM HUD instantly swaps the task list to match your current ship.
  • Adaptive UI: The filter buttons in the popup now dynamically rename themselves to match the ID of the project you are working on, providing a truly integrated experience.

Technical Achievements:

  • Refactored the data layer to handle dynamic tag injection.
  • Implemented cross-script synchronization between the popup and the Flavortown content script.
  • Optimized the HUD to be non-intrusive yet project-aware.
0
ChefThi
  • feat(extension): implement real-time HUD sync for Flavortown (50min elite sprint) (d1b6b86)

In this session I completed tje development sprint focused on transforming Voice Task Master (VTM) into a real-time productivity bridge for the Hack Club Flavortown ecosystem.

Major Feature: The “Ship Mode” HUD

  • Real-time Synchronization: The extension now injects a transparent, neon-styled HUD directly into the flavortown.hackclub.com interface.
  • Bi-directional Bridge: Using the Chrome Storage API, tasks added via voice or text in the popup now appear instantly on the Flavortown project page. No need to click icons; your backlog is always visible while you ship.
  • Context Awareness: The HUD automatically detects the current project context from the page’s H1 tag and updates the session tag (e.g., TARGET: Voice Task Master).
  • Session Tracking: A live session timer is now visible on the HUD to track “ship time” without leaving the browser tab.

Technical Improvements:

  • Visual Priority Glows: Integrated automated keyword detection to assign #ff003c (Critical) and #ffcc00 (Ship) pulsing borders for high-impact tasks.
  • UX Polish: Refined the popup width to 450px and implemented a 3-second auto-clear timer for the hint system.
  • Packaging: Generated the official .crx and .pem files directly via terminal for the v1.1.1 release

I found it very strange that the video I attached in this Devlog was almost 100MB for just 1min50. I asked Gemini CLI to compress it for me through the terminal to fit in the Devlog. This was different… From 98MB to 16MB

Attachment
Attachment
0
ChefThi
  • feat(extension): finalize universal HUD synchronization (50min elite sprint complete) (55a805a)

Today I focused on making the VTM interface more than just a task list.
Development sprint, I implemented a visual hierarchy system that automatically responds to voice and text commands.

Key Technical Updates:

  • Visual Priority System: Tasks now have three distinct visual states:
    • CRITICAL: High-intensity red pulse glow for urgent tasks.
    • SHIP: Golden glow for project-related milestones.
    • BACKLOG: Default neon green for standard items.
  • Automated Keyword Detection: The VTM engine now scans input strings for keywords like “critical”, “urgent”, “ship”, or “launch”. It automatically assigns the correct visual priority without manual selection.
  • UI UX Polish: Integrated a 3-second timer for the hint system (notifications now clear themselves automatically) and added a “flash” animation to confirm task injection.
  • Repo Architecture: Cleaned the main repository by moving simulation scripts and logs to an isolated TESTES/ directory, ensuring only the core extension is tracked.
Attachment
0
ChefThi
  • feat(extension): implement UI flash feedback, redundant backup and UX polish v1.0.3 (9a3782f)

Quick late-night push after yesterday’s big polish devlog. Focused on the undocumented bits that were still rough around the edges (especially the mic permission edge-cases I kept forgetting to fully call out).

What Got Shipped Today (ad8c985)

  • UI Flash Feedback — added instant neon “task accepted” blink on voice input. Makes the whole terminal feel alive instead of silent.
  • Redundant Backup Layer — doubled down on chrome.storage with a secondary grid snapshot. Zero data loss even if popup crashes mid-command.
  • UX Polish v1.0.3 — tighter padding, smoother re-renders, live mic status icon so you always know when it’s listening.
  • Init Function Cleanup (ad8c985) — refactored the startup sequence that was causing the ghost popup on first mic grant. Now it fails gracefully and points straight to chrome://settings/content/microphone.

The Microphone Problem (the part I kept forgetting to document)

Web Speech API in MV3 popups is brutal. First load → “not-allowed” → popup dies silently. Fixed it weeks ago with the config.html fallback tab, but the init code was still messy. Today’s cleanup makes the fix rock-solid. No more “why isn’t it listening?” moments.

Bumped to v1.0.3 (new zip ready). Feels production-ready now

Attachment
0
ChefThi

The work focus was on shifting from “functional” to “polished.” After testing the VTM extension in a real-world environment, I identified and solved two critical bottlenecks in the user experience.

UI Scaling & Visual Breathing Room

Based on visual analysis of the CRT-style interface, the original 350px width felt “cramped” for a terminal-style app.

  • The Fix: Expanded the global layout to 450px with an adaptive min-height of 550px.
  • The Result: Better alignment for the “Neural Uplink” controls and improved readability for the task grid, especially on high-DPI displays.

Solving the “Ghost Popup” Permission Bug

One of the most frustrating issues with Chrome Extension development is the popup closing automatically when a browser-level permission (like the Microphone) is requested.

  • The Hack: Implemented a smart Permission Fallback Logic.
  • How it works: If the Web Speech API returns a not-allowed error, VTM now automatically opens a dedicated configuration tab. This allows the user to grant microphone access persistently without the popup vanishing. Once granted, it works seamlessly in the “Uplink” popup forever.

Real-World Aesthetic Validation

Tested the CRT Flicker and Scanline effects on physical hardware. The neon-green glow perfectly simulates a high-intensity developer terminal, matching the project’s “Hacker Aesthetic” goal.

Attachment
0
ChefThi

Today was a major breakthrough for VOICE-TASK-MASTER (VTM). I transformed the entire interface into a retro-cyberpunk terminal and fully integrated the core voice engine.

Key Achievements:

  • Neural UI Uplink: Implemented a high-contrast Neon Green aesthetic with CRT flicker and scanline effects.
  • Voice Intelligence: Integrated the Web Speech API for real-time task management (Add, Remove, Clear).
  • Redundant Grid Persistence: Added a secondary backup layer to chrome.storage to ensure zero-data-loss for mission-critical tasks.
  • Audio Feedback: Synthesized AI status reports for daily briefings.

Technical Challenges:

Managing browser permissions for the microphone in a Chrome Extension popup was tricky, but I implemented a fallback to open the config in a new tab if access is denied.

Proof of Work:

I uploaded a preview of the UI (IMG_20260315_120436.jpg) and prepared the deployment package (extension_v1.0.1.tar.gz).

Next step: recording the final demo video and shipping the v1.0 version.

Attachment
Attachment
0
ChefThi

From idea to browser extension: hacking a voice‑first task manager 👾🎙️

Voice Task Master has been in the background since January — I started it as a simple idea for a voice‑powered todo tool, but only had the basic extension structure in place for a while. This week I finally sat down and turned it into a real Chrome MV3 extension with an opinionated UI and a shippable build.
The biggest jump happened in the latest sessions: I implemented a full cyber / hacker‑style UI for the popup, with dark monospace styling, CRT‑like visual details and a layout focused on fast capture (keyboard + voice). On top of that, I wired in voice synthesis so the extension can actually talk back when reading tasks or daily standups, instead of being just a silent checklist.

To make distribution easier, I also created a ready‑to‑install tarball for the extension and added a proper icon128.png, so it looks like a real product in the browser toolbar instead of a blank placeholder. This way, anyone can load it via chrome://extensions → “Load unpacked” or import the tarball directly when needed.
A lot of this happened in short bursts between college, buses and other Blueprint projects — I used Perplexity to quickly test small UI ideas, clarify WebExtension details and make sure the architecture stayed simple and local‑first. Now the plan is to iterate on features like a “Voice Standup” mode and calendar integration, but the core experience (talk → get tasks saved → hear them back) is already alive inside the browser. 🚀

Attachment
Attachment
Attachment
0
ChefThi

Título: Inicialização do Voice Task Master
Data: 2026-01-05

Commits:

Resumo: Setup inicial do projeto estabelecendo a estrutura base para o MVP do gerenciador de tarefas por voz.

O que foi feito:

  • Criação do index.html básico para interface inicial.
  • Configuração do package.json com dependências e scripts de execução.
  • Definição de .gitignore para limpeza do ambiente.
  • Criação do HANDOFF.md e diretório de devlogs para documentação técnica.

Resultados: Ambiente de desenvolvimento configurado e estrutura de arquivos pronta para implementação das APIs de áudio.

Próximos passos:

  • Implementar captura de voz utilizando a Web Speech API.
  • Desenvolver a lógica de manipulação da lista de tarefas (CRUD básico).
Attachment
Attachment
Attachment
Attachment
Attachment
0