skills.rest
X-School-Academy
X-School-AcademyOFFICIAL
Explore all skills by this author →
GitHub

dart-set-widget-selection-mode

Toggle widget selection mode in a running Flutter application.

19|14|Updated Feb 4, 2026
Search Tags:#debugging#flutter#dart#ui inspection#widget selection
One-click install
npx skills add https://github.com/X-School-Academy/skill-pilot --skill dart-set-widget-selection-mode
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dart-set-widget-selection-mode
Source: https://github.com/X-School-Academy/skill-pilot/tree/main/core/skills/mcp/dart-set-widget-selection-mode
Command: npx skills add https://github.com/X-School-Academy/skill-pilot --skill dart-set-widget-selection-mode

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill allows you to programmatically enable or disable the widget selection mode in a running Flutter application, which is crucial for debugging and UI inspection.

Core Features & Use Cases

  • Toggle Widget Selection: Easily switch the widget selection mode on or off.
  • Prerequisite: Requires the connect_dart_tooling_daemon to be active.
  • Use Case: While developing a Flutter app, you might want to quickly enable widget selection to inspect a specific UI element's properties and then disable it to return to normal interaction.

Quick Start

Call the local MCP bridge shell wrapper to enable widget selection mode.

Frequently Asked Questions about dart-set-widget-selection-mode

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

FAQPage Schema
How do I enable widget selection mode in a running Flutter app for UI inspection?▼

You can enable widget selection mode by calling the local MCP bridge shell wrapper. This programmatically toggles the selection state on within the active Flutter application for interactive UI debugging.

Can I turn off widget selection mode after inspecting Flutter UI elements?▼

Yes, you can disable widget selection mode to return the Flutter application to normal interaction. This toggle functionality allows you to switch the inspection state off after examining specific UI elements.

Do I need a specific environment setup to use Flutter widget selection mode?▼

Yes, using Flutter widget selection mode requires an active connection established by the connect_dart_tooling_daemon. This prerequisite setup must be successfully invoked prior to toggling the selection state.

What is widget selection mode used for in Dart and Flutter development?▼

Widget selection mode is used for interactive UI debugging and inspection in Flutter development. It allows developers to quickly select and examine the properties of specific UI elements within a running application.

Why is my Flutter widget selection mode not working during UI debugging?▼

Flutter widget selection mode will not work if the prerequisite connect_dart_tooling_daemon is not successfully active. You must ensure this tooling daemon connection is properly invoked before attempting to toggle the selection state.

Related Skills

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

dart-get-widget-tree

Retrieve the widget tree from an active Flutter application via the Dart tooling daemon.

Official
Basic
thoreinsteinthoreinstein
5

research

Analyze repository structure and modules to produce structured research reports without modifying files.

Community
Basic
raykrayk
3

dart-flutter-mcp

Integrate Dart/Flutter MCP tools for static analysis, testing, and debugging.

Community
Advanced
tankpkgtankpkg
1

@tank/flutter-widget-architecture

Analyze Flutter widget trees to diagnose state, layout, and performance issues.

Official
Advanced