flutter-flame-games

Build 2D games with Flutter and the Flame engine.

3|Updated Feb 3, 2026
One-click install
npx skills add https://github.com/Mauriciog87/flutter-agent-skill --skill flutter-flame-games
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-flame-games
Source: https://github.com/Mauriciog87/flutter-agent-skill/tree/main/flutter-flame-games
Command: npx skills add https://github.com/Mauriciog87/flutter-agent-skill --skill flutter-flame-games

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Flutter developers often want to build engaging 2D games but lack a cohesive, battle-tested blueprint that covers architecture, assets, input, physics, camera, and UI. This Skill provides a comprehensive, end-to-end guide for creating Flame-powered games, from project setup to polish.

Core Features & Use Cases

  • Comprehensive guide to Flutter Flame game development, including architecture, sprites, animations, collision detection, input handling, camera systems, Tiled maps, audio, particles, and UI overlays.
  • Use cases include starting a new Flame game, refactoring an existing project, or teaching Flame concepts in a course or workshop.

Quick Start

Install Flutter, add the Flame dependencies, create a FlameGame subclass, wire a world with a player, and run on mobile or desktop to validate rendering, physics, and UI overlays.

Frequently Asked Questions about flutter-flame-games

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

FAQPage Schema
How do I structure a Flutter Flame game project for mobile and desktop?

A complete Flutter Flame architecture requires a FlameGame subclass, a defined world with player components, and essential mixins to manage rendering, physics, and UI overlays effectively across platforms.

Can I use Tiled maps and sprite animations together in a Flame game?

Yes, you can integrate Tiled maps and sprite animations within a Flame game by following a cohesive architecture blueprint that handles camera systems, collision detection, and rendering together for vibrant 2D visuals.

What is the best way to handle collision detection and input in a 2D Flutter game?

The best way to handle collision detection and input in a 2D Flutter game is by using Flame engine mixins, which provide a battle-tested blueprint for wiring player interactions and physics directly into your game components.

Does the Flame engine support adding audio, particles, and UI overlays?

Yes, the Flame engine supports adding audio, particles, and UI overlays, providing a comprehensive end-to-end guide for polishing 2D games from initial project setup through final visual and audio effects.

How do I refactor an existing Flutter project into a Flame-powered game?

To refactor an existing Flutter project into a Flame game, apply the recommended project structure, add Flame dependencies, integrate essential components for sprites and camera, and validate physics and rendering on target platforms.