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.