Uploaded February 2026 | Updated September 2026, 3 weeks ago
Stop typing and start talking — set up voice dictation with Wispr Flow, audible notification hooks, and custom Claude Code skills to build a fully hands-free AI coding workflow on Mac.
After watching, you'll be able to dictate commands to Claude Code using voice, get audible alerts when tasks finish or need attention, and create your own reusable skills to automate repetitive developer tasks like Git commits.
In this video:
• Setting up Wispr Flow push-to-talk with mouse button remapping
• Creating Claude Code notification hooks for task completion and permission alerts
• Writing a Python setup script to automate hook installation across machines
• Building Claude skills from scratch (open-github, commit-git)
• Using the edit-skill skill to manage and delete other skills
• Automating Git commits with a voice-triggered commit-git skill
• Planning specialized AI agents for layout, styling, and MVVM
This episode dives into the developer experience of talking to AI instead of typing. Using Wispr Flow for voice dictation with a Logitech mouse's extra buttons mapped to push-to-talk and send, you can operate Claude Code almost entirely one-handed. We set up Mac notification hooks using afplay and terminal-notifier so you always know when Claude needs your input or has finished a task. Then we build several Claude Code skills — reusable markdown-based instructions that let you say things like "commit git" or "open github" and have AI handle the rest. The commit-git skill reviews code changes, groups them into logical commits, writes meaningful descriptions, and pushes — all from a single voice command.
00:00 Introduction
01:00 Voice Dictation with Wispr Flow
03:00 Audible Notification Hooks
06:00 Setting Up Hooks on Mac
10:30 Introduction to Claude Skills
13:00 Building Skills from Scratch
16:00 Creating Custom Skills
19:30 The Commit Git Skill
24:00 Multi-Repository Workflow
26:00 Future: Specialized AI Agents
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Support me in my journey to giving back to the industry all my knowledge and helping the world with what I do. Spreading knowledge to those who cannot afford an education and helping those who want to better themselves.
Avalonia UI
avaloniaui.net
Source Code to Series
github.com/angelsix/youtube/tree/develop/Avalonia%20BatchProcess
Support what I do and pay for me to survive
angelsix.com/donate
Live Chat at Discord
discordapp.com/invite/eHr5BMk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Stop typing and start talking — set up voice dictation with Wispr Flow, audible notification hooks, and custom Claude Code skills to build a fully hands-free AI coding workflow on Mac.
After watching, you'll be able to dictate commands to Claude Code using voice, get audible alerts when tasks finish or need attention, and create your own reusable skills to automate repetitive developer tasks like Git commits.
In this video:
• Setting up Wispr Flow push-to-talk with mouse button remapping
• Creating Claude Code notification hooks for task completion and permission alerts
• Writing a Python setup script to automate hook installation across machines
• Building Claude skills from scratch (open-github, commit-git)
• Using the edit-skill skill to manage and delete other skills
• Automating Git commits with a voice-triggered commit-git skill
• Planning specialized AI agents for layout, styling, and MVVM
This episode dives into the developer experience of talking to AI instead of typing. Using Wispr Flow for voice dictation with a Logitech mouse's extra buttons mapped to push-to-talk and send, you can operate Claude Code almost entirely one-handed. We set up Mac notification hooks using afplay and terminal-notifier so you always know when Claude needs your input or has finished a task. Then we build several Claude Code skills — reusable markdown-based instructions that let you say things like "commit git" or "open github" and have AI handle the rest. The commit-git skill reviews code changes, groups them into logical commits, writes meaningful descriptions, and pushes — all from a single voice command.
00:00 Introduction
01:00 Voice Dictation with Wispr Flow
03:00 Audible Notification Hooks
06:00 Setting Up Hooks on Mac
10:30 Introduction to Claude Skills
13:00 Building Skills from Scratch
16:00 Creating Custom Skills
19:30 The Commit Git Skill
24:00 Multi-Repository Workflow
26:00 Future: Specialized AI Agents
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Support me in my journey to giving back to the industry all my knowledge and helping the world with what I do. Spreading knowledge to those who cannot afford an education and helping those who want to better themselves.
Avalonia UI
avaloniaui.net
Source Code to Series
github.com/angelsix/youtube/tree/develop/Avalonia%20BatchProcess
Support what I do and pay for me to survive
angelsix.com/donate
Live Chat at Discord
discordapp.com/invite/eHr5BMk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━








![Avalonia UI Deep Dive: Button Spinner XAML Anatomy
Dissecting the Avalonia Button Spinner control from the inside out — no AI shortcuts, just real hand-coded understanding. Before we style it, we need to know exactly how its built. In this episode we crack open the full XAML control theme and examine every piece.
This is part of a complete series on building a fully custom Avalonia UI theme from scratch, hand-coded with zero AI assistance.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📌 WHAT YOULL LEARN
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
• How the Button Spinner control theme is structured in XAML
• What the Margin Multiplier Converter does and why its needed
• How Stream Geometry draws the up/down arrow icons as Path Icons
• How Repeat Buttons are embedded and their default template overridden
• The role of Data Validation Errors in the control template
• How pseudo-classes (:left, :error) drive state-based layout changes
• The full DockPanel, Content Presenter and Stack Panel layout explained
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⏱ TIMESTAMPS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[0:00] – Introduction & series recap
[0:46] – Upgrade to Avalonia 12 & prototype UI philosophy
[1:48] – Controls overview & choosing the Button Spinner
[2:48] – Avalonia control structure: resource dictionary & design preview
[4:27] – Button Spinner control theme & Repeat Button target types
[5:35] – Margin Multiplier Converter & border thickness
[8:47] – Stream Geometry for up/down arrow icons
[10:57] – Repeat Button template & overriding default visuals
[13:29] – Main Button Spinner control template structure
[14:17] – Pseudo-class selectors: :left layout & :error styling
[15:20] – Data Validation Errors wrapper explained
[16:52] – Core layout: Border, DockPanel, Content Presenter & Repeat Buttons
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🔗 LINKS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▶ Part 1 – Setup: https://www.youtube.com/watch?v=rUKlQnjU0tc
▶ Part 2 – Buttons: https://www.youtube.com/watch?v=oKjk6pyyARI
💾 Source Code: https://github.com/angelsix/youtube/tree/develop/AvaloniaThemeLab
🌐 AngelSix: https://www.angelsix.com
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📺 SERIES: Avalonia UI Theming – Hand Coded From Scratch
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
#avalonia #avaloniaui #xaml #csharp #dotnet #uiux #desktopapp #softwaretutorial #coding Avalonia UI Deep Dive: Button Spinner XAML Anatomy](https://i.ytimg.com/vi/WMaTbXkvm9g/mqdefault.jpg)

