Flutter Setup Localization

Skip the manual wiring when you start a new Flutter app that needs translations. This skill runs the `flutter_localizations` and `intl` setup in one pass: it adds both packages, flips `generate: true` in `pubspec.yaml`, and drops in an `l10n.yaml` pointing at `lib/l10n` with `app_en.arb` as the template. It also walks through registering the delegates and supported locales on `MaterialApp`. The source covers the full loop, including ARB placeholders, plurals, and select statements, so you're not stuck after the first string. My take: the `synthetic-package: true` default is worth a second look if you prefer generated code visible in your repo, since the import path changes with that flag.

skills.sh installs: 38.7K
GitHub stars: 3.2K
last updated: Oct 26, 2026

View on GitHub

Install

$ npx -y skills add flutter/agent-plugins --skill flutter-setup-localization --agent claude-code

Installs into .claude/skills of the current project.

Files

Core Concepts

Flutter handles internationalization (i18n) and localization (l10n) via the flutter_localizations and intl packages. The standard approach uses App Resource Bundle (.arb) files to define localized strings, which are then compiled into a generated AppLocalizations class for type-safe access within the widget tree.

Setup Workflow

Copy and track this checklist when initializing internationalization in a Flutter project:

Task Progress
- 1. Add dependencies to pubspec.yaml.
- 2. Enable the generate flag.
- 3. Create the l10n.yaml configuration file.
- 4. Configure MaterialApp or CupertinoApp.

1. Add Dependencies

Add the required localization packages to the project. Execute the following commands in the terminal:

flutter pub add flutter_localizations --sdk=flutter
flutter pub add intl:any

SKILL.md on GitHub

Details

Repository: github.com/flutter/agent-plugins
Categories: AI & Agent Building, Mobile Development
First seen: Oct 26, 2026

More from flutter/agent-plugins

All 10