skills.rest
rayk
raykCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

dart-flutter-mcp

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

3|Updated Nov 28, 2025
Search Tags:#MCP#Flutter#Dart#IDE#hot_reload
One-click install
npx skills add https://github.com/rayk/lucid-toolkit --skill dart-flutter-mcp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dart-flutter-mcp
Source: https://github.com/rayk/lucid-toolkit/tree/main/plugins/impl-flutter/skills/dart-flutter-mcp
Command: npx skills add https://github.com/rayk/lucid-toolkit --skill dart-flutter-mcp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides Flutter and Dart development workflows using dart-mcp tools. Triggers when working with .dart files, pubspec.yaml, or when user mentions Flutter, widget, Riverpod, Freezed, or Dart development. MUST BE USED for Flutter project work involving dart_analyzer, dart_run_tests, hot_reload, or IDE MCP tools.

Core Features & Use Cases

  • Static analysis, formatting, and fixes
  • Running tests and resolving symbols
  • Runtime debugging with widget inspection and hot reload

Quick Start

Validate with dart_analyzer, run tests, and use hot_reload for iterative fixes

Frequently Asked Questions about dart-flutter-mcp

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

FAQPage Schema
How do I run static analysis and formatting on Dart code?▼

Static analysis validates Dart code for errors and style issues. Use dart_analyzer to check .dart files and pubspec.yaml for problems, then dart_format to automatically fix formatting. This catches bugs early and ensures consistent code style across your Flutter project.

Can I run tests and debug Flutter apps in my development workflow?▼

Yes. Run tests with dart_run_tests to validate code behavior, then use get_runtime_errors and get_widget_tree for live debugging. Hot reload lets you iterate on fixes instantly without restarting, speeding up the debug cycle for Flutter development.

What's the best way to inspect and fix widget issues during development?▼

Widget inspection examines the live widget tree structure in running Flutter apps to identify layout and state problems. Use get_widget_tree to visualize the hierarchy, then apply hot_reload to test fixes immediately without rebuilding, reducing iteration time on UI bugs.

Do I need separate tools for Dart packages and Flutter projects?▼

No. This Skill handles both Dart packages and Flutter apps with unified workflows. It triggers on .dart files, pubspec.yaml, or mentions of Flutter, widget, Riverpod, or Freezed, so the same analysis, testing, and debugging tools work across your entire codebase.

How does hot reload speed up iterative development?▼

Hot reload pushes code changes to running apps instantly without full rebuild, preserving app state. Combined with widget inspection and error reporting, it enables rapid fix-test cycles for Flutter development, especially during UI and logic refinement.

When should I use IDE MCP tools alongside dart_analyzer and tests?▼

IDE MCP tools provide integrated code inspection, refactoring, and context within your editor. Use them alongside dart_analyzer for comprehensive static checks and dart_run_tests for behavior validation, creating a cohesive workflow for complex Dart and Flutter projects.

Related Skills

Explore More Software Engineering Skills→
flutterflutter
2.8k

dart-resolve-package-conflicts

Resolve Dart dependency version conflicts in pubspec.yaml and pubspec.lock files.

Official
Intermediate
ngxtmngxtm

Flutter CI/CD

Automate Flutter CI/CD pipelines with GitHub Actions and Fastlane.

Community
Advanced
morodomimorodomi
8

flutter-quality

Run dart analyze, dart format, and flutter test on Flutter projects.

Community
Advanced
nonputtipongnonputtipong

dart-flutter-mcp

Analyze, test, and debug Dart and Flutter projects with MCP tools.

Community
Advanced