Flutter Debug Skill | flutter-devtools-plugin | ClaudePluginHub

Skill

Community

Flutter Debug Skill

From flutter-devtools-plugin

0

Description

Use this skill when working on Flutter/Dart applications to debug issues, analyze code, manage dependencies, and run tests.

AI Summary

Analyzes Flutter/Dart projects to debug issues, manage dependencies, and run tests using the Dart MCP server. Use when building Flutter apps to identify errors, search pub.dev packages, or execute tests.

Install

1

Add the repository(one-time)

$

/plugin marketplace add W3Dev/coding-agent

2

Install the plugin

$

/plugin install flutter-devtools-plugin@w3dev

Tool Access

This skill inherits all available tools. When active, it can use any tool Claude has access to.

Skill Content

Flutter Debug Skill

Use this skill when working on Flutter/Dart applications to debug issues, analyze code, manage dependencies, and run tests.

When to Use

User is building a Flutter application
User needs help with Dart code or Flutter widgets
User wants to analyze code for errors or improvements
User needs to manage pub.dev dependencies
User wants to run or debug tests
User asks about Flutter architecture or best practices

Instructions

For Code Analysis

Use the Dart MCP server to analyze project code
Identify errors, warnings, and hints
Suggest fixes based on Dart/Flutter best practices
Consider using --fix for automatic corrections

For Dependency Management

Use Dart MCP to search pub.dev for packages
Evaluate package quality (likes, pub points, popularity)
Add dependencies to pubspec.yaml
Run dart pub get to install

For Testing

Use Dart MCP to run tests
Analyze test failures and suggest fixes
Check code coverage for untested areas
Recommend additional test cases

For Documentation

Use Context7 to query Flutter/Dart documentation
Use Deepwiki for questions about Flutter packages on GitHub
Use Grep to find real-world implementation examples

For Symbol Resolution

Use Dart MCP to resolve symbols to their definitions
Fetch documentation and signatures
Understand class hierarchies and relationships

Available MCP Tools

Dart MCP Server

Code analysis and error detection
Symbol resolution and documentation
Package search on pub.dev
Dependency management in pubspec.yaml
Test execution and result analysis
Code formatting with dart format

Shared Tools

mcp__context7__query-docs - Flutter/Dart documentation
mcp__deepwiki__ask_question - GitHub repo questions
mcp__grep__searchGitHub - Real-world code examples

Example Workflow

When user says: "My Flutter app has a state management issue"

Analyze code: Use Dart MCP to analyze the project
Identify issues: Check for common state management anti-patterns
Search for solutions: context7.query-docs("/flutter/flutter", "state management provider")
Find examples: grep.searchGitHub("ChangeNotifier", language=["Dart"])
Suggest refactoring with proper state management patterns

Flutter-Specific Patterns

Widget Debugging

Check for missing keys in lists
Identify const widget opportunities
Detect unnecessary rebuilds

State Management

Provider/Riverpod patterns
BLoC architecture
GetX usage

Performance

Identify expensive builds
Check for proper disposal
Async operation handling

Links

GitHub Stats

0 forks

Updated 5 days ago

Similar Skills

Agent Development

This skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.

53.4k

Command Development

This skill should be used when the user asks to "create a slash command", "add a command", "write a custom command", "define command arguments", "use command frontmatter", "organize commands", "create command with file references", "interactive command", "use AskUserQuestion in command", or needs guidance on slash command structure, YAML frontmatter fields, dynamic arguments, bash execution in commands, user interaction patterns, or command development best practices for Claude Code.

53.4k

Hook Development

This skill should be used when the user asks to "create a hook", "add a PreToolUse/PostToolUse/Stop hook", "validate tool use", "implement prompt-based hooks", "use ${CLAUDE_PLUGIN_ROOT}", "set up event-driven automation", "block dangerous commands", or mentions hook events (PreToolUse, PostToolUse, Stop, SubagentStop, SessionStart, SessionEnd, UserPromptSubmit, PreCompact, Notification). Provides comprehensive guidance for creating and implementing Claude Code plugin hooks with focus on advanced prompt-based hooks API.

53.4k