skills.rest
Redth
RedthCOMMUNITY
Explore all skills by this author →
Website𝕏@redthGitHub

maui-ai-debugging

Automate MAUI build, deploy, inspect, and fix cycles via CLI.

70|11|Updated Feb 6, 2026
Search Tags:#debugging#deployment#AI agent#CLI#CDP#Blazor#MAUI
One-click install
npx skills add https://github.com/Redth/MauiDevFlow --skill maui-ai-debugging
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: maui-ai-debugging
Source: https://github.com/Redth/MauiDevFlow/tree/main/.claude/skills/maui-ai-debugging
Command: npx skills add https://github.com/Redth/MauiDevFlow --skill maui-ai-debugging

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides an end-to-end workflow for building, deploying, inspecting, and debugging .NET MAUI and MAUI Blazor Hybrid apps from the terminal, enabling an AI agent to manage the full dev loop.

Core Features & Use Cases

  • Automates the MAUI build, deploy, inspect, and fix cycle for native MAUI and Blazor Hybrid apps.
  • Supports visual-tree inspection, element interaction, DOM/CDP debugging for Blazor WebView, and live property editing without frequent rebuilds.
  • Use cases include AI-assisted setup, rapid iteration on UI layouts, and automated verification of app behavior across iOS simulators, Android emulators, and Mac Catalyst.

Quick Start

  1. Install the CLI tool and ensure it is up to date: dotnet tool install --global Redth.MauiDevFlow.CLI || dotnet tool update --global Redth.MauiDevFlow.CLI
  2. Add required NuGet packages to your MAUI project: Redth.MauiDevFlow.Agent (and Redth.MauiDevFlow.Blazor for Blazor Hybrid)
  3. In MauiProgram.cs, register the agent inside the DEBUG block: builder.AddMauiDevFlowAgent(); and (for Blazor) builder.AddMauiBlazorDevFlowTools()
  4. Create a .mauidevflow config in your project directory to specify a port (random 9223-9899) or use an existing one
  5. For Blazor Hybrid, ensure the wwwroot/index.html includes the chobitsu script tag: <script src="chobitsu.js"></script> (inserted by the package)
  6. Mac Catalyst needs network entitlements (network.server) if you enable port binding
  7. Android requires port forwarding with adb reverse to expose the agent/CDP port
  8. Verify setup with maui-devflow MAUI status and maui-devflow cdp status

Frequently Asked Questions about maui-ai-debugging

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate MAUI app debugging and deployment from the terminal?▼

MAUI app debugging and deployment can be automated from the terminal using an AI agent and CLI tools to manage the build, deploy, inspect, and fix cycle. It requires installing the Redth.MauiDevFlow.CLI tool and adding the agent NuGet package to your project.

Can I inspect and debug Blazor WebView DOM in a MAUI Hybrid app?▼

Blazor WebView DOM inspection and CDP debugging in a MAUI Hybrid app are supported by adding the Redth.MauiDevFlow.Blazor package. You must also ensure the chobitsu script tag is included in your wwwroot/index.html file.

What prerequisites are needed to set up an AI agent for MAUI development?▼

To set up an AI agent for MAUI development, you need the Redth.MauiDevFlow.CLI tool installed, the agent NuGet package registered in MauiProgram.cs inside a DEBUG block, and a .mauidevflow config file specifying a port.

Does MAUI debugging with an AI agent work on Android emulators and iOS simulators?▼

MAUI debugging with an AI agent works across iOS simulators, Android emulators, and Mac Catalyst. Android requires port forwarding via adb reverse, while Mac Catalyst needs network.server entitlements to enable port binding.

How do I edit UI layouts live without frequent MAUI app rebuilds?▼

You can edit UI layouts live without frequent MAUI app rebuilds by using the AI agent's visual-tree inspection and live property editing features. This enables rapid iteration on UI layouts directly through the terminal interface.

Why is my MAUI Blazor Hybrid debugging agent not connecting?▼

MAUI Blazor Hybrid debugging agent connectivity issues often stem from missing configuration. Verify your setup using maui-devflow MAUI status and maui-devflow cdp status commands, and ensure your .mauidevflow port file is properly configured.

Related Skills

Explore More Software Engineering Skills→
danshapirodanshapiro
93

extension-installer

Install and configure Freshell extensions from GitHub or local directories.

Community
Intermediate
aritchiearitchie
3

maui-devflow-debug

Automate build, deploy, inspect, and fix cycles for MAUI apps with DevFlow.

Community
Advanced
dotnetdotnet
209

maui-ai-debugging

Debug .NET MAUI and Blazor Hybrid apps via terminal-driven DevFlow workflows.

Official
Advanced
mattleibowmattleibow
1

maui-ai-debugging

Build, deploy, inspect, and debug .NET MAUI and MAUI Blazor Hybrid apps.

Community
Advanced