skills.rest
coco-de
coco-deOFFICIAL
Explore all skills by this author →
GitHub

flutter-inspector

Inspect navigation, BLoC states, and network requests in running Flutter apps.

Updated Aug 23, 2026
Search Tags:#debugging#state management#flutter#runtime inspection#app diagnostics#mcp toolkit
One-click install
npx skills add https://github.com/coco-de/skills --skill flutter-inspector
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: flutter-inspector
Source: https://github.com/coco-de/skills/tree/main/plugins/cc-flutter-inspector/skills/flutter-inspector
Command: npx skills add https://github.com/coco-de/skills --skill flutter-inspector

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

What problem does it solve?

This Skill provides deep, real-time insights into a running Flutter application, allowing developers to diagnose and fix issues related to runtime behavior, state, and performance without needing to restart the app.

Core Features & Use Cases

  • Runtime Inspection: Inspect navigation stacks, BLoC/Cubit states, authentication status, network requests, and UI widget trees.
  • Problem Diagnosis: Identify and troubleshoot issues like app crashes, navigation failures, API call errors, UI rendering problems, and form validation errors.
  • Use Case: When a user reports that a specific screen isn't loading correctly, use the flutter-inspector to check the current navigation route, inspect the relevant BLoC's state, and examine recent network requests to pinpoint the cause.

Quick Start

Use the flutter-inspector skill to list all registered BLoC instances in the running Flutter application.

Frequently Asked Questions about flutter-inspector

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

FAQPage Schema
How do I inspect Flutter BLoC states and navigation stacks during real-time debugging?▼

Real-time debugging of Flutter apps requires the application to be actively running with specific VM service flags enabled. This establishes the necessary communication channel to inspect navigation, state management, and network requests.

How do I troubleshoot Flutter app crashes and API call errors without restarting?▼

Troubleshooting Flutter authentication issues and form validation errors involves inspecting the authentication status and UI widget trees during runtime. This allows you to observe the exact application state when the validation or authentication failure occurs.

Can I diagnose Flutter UI rendering problems and navigation failures on a running app?▼

You can diagnose Flutter UI rendering problems and navigation failures on a running app by inspecting the active widget tree and navigation stack. This real-time inspection identifies rendering issues and route mismatches directly without interrupting the session.

Do I need VM service flags enabled to inspect a Flutter app's runtime state?▼

Yes, you need VM service flags enabled on the running Flutter app to inspect its runtime state. This configuration is required for the MCP toolkit to communicate with the application and access its navigation, state, and network diagnostics.

Related Skills

Explore More Software Engineering Skills→
X-School-AcademyX-School-Academy
19

dart-get-runtime-errors

Retrieve and optionally clear recent runtime errors from a Dart or Flutter application.

Official
Basic
nullmastermindnullmastermind
9

spx-vibe

Diagnose root causes of code bugs using evidence tracing and 5-Whys analysis.

Community
Advanced
sebach0sebach0

flutter-errors

Diagnose Flutter UI and runtime errors with widget tree analysis.

Community
Intermediate
xuziqiang98xuziqiang98

code-audit

Audit code security using LSP-driven analysis for vulnerabilities and data flow.

Community
Advanced