Can I use this with multiple devices simultaneously?

Yes, the skill provides a multi-device setup guide that allows a single file change to trigger hot reloads across iOS, Android, and Web instances at once using shared PID files.

Does it work with Claude Code and Chrome DevTools MCP?

Absolutely. It includes a specific 'Web Server Mode' configuration to prevent GlobalKey conflicts that often occur when multiple Chrome instances try to run the same Flutter app.

How does this skill improve the standard Flutter workflow?

It removes the manual requirement to press 'r' in the terminal by using file watchers like fswatch or entr to trigger hot reload signals automatically whenever you save a file.

What is the difference between Hot Reload and Hot Restart in this setup?

Hot Reload (SIGUSR1) updates the source code while preserving app state, whereas Hot Restart (SIGUSR2) recompiles the app and resets the state, which is necessary for changes in the main() function or assets.

Flutter Auto Hot Reload

Name: Flutter Auto Hot Reload
Author: jclfocused

byjclfocused

•

Mobile Development

Automates the Flutter hot reload process across terminal workflows, IDEs, and multi-device setups to accelerate mobile app development.

This skill streamlines the Flutter development cycle by eliminating the need for manual 'r' key presses in terminal-based environments. It provides comprehensive configuration guides for signal-based reloading using PID files, cross-platform file watchers like fswatch and entr, and specialized setups for web development. By integrating automatic hot reload into workflows involving Claude Code, VS Code, and Android Studio, developers can maintain application state while instantly seeing UI changes across multiple devices and platforms simultaneously, significantly reducing the feedback loop during development.

주요 기능

01Multi-device synchronization for simultaneous reloading across iOS, Android, and Web.

02Native IDE setup guides for automated 'Save to Reload' functionality.

03Terminal-based auto-reload using PID tracking and signal-based triggers.

04Web-server mode configuration to resolve GlobalKey conflicts with Chrome DevTools.

052 GitHub stars

06Pre-configured scripts for quick integration with file-watching utilities.

사용 사례

01Developing Flutter apps in terminal-heavy environments like Claude Code or Vim.

02Testing UI consistency across multiple simulators and physical devices simultaneously.

03Debugging web applications using Chrome DevTools MCP without manual browser refreshes.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jclfocused/claude-agents flutter-auto-reload

For use in Claude.ai and ChatGPT

Download Skill