> flutter-localization
Add multi-language support using easy_localization with CSV or JSON. Use when implementing localization or multi-language support in Flutter apps. (triggers: **/assets/translations/*.json, **/assets/langs/*.csv, main.dart, localization, multi-language, translation, tr(), easy_localization, sheet_loader)
curl "https://skillshub.wtf/HoangNguyen0403/agent-skills-standard/flutter-localization?format=md"Localization
Priority: P1 (STANDARD)
Consistent multi-language support using easy_localization.
Format Selection
- CSV (Recommended for teams with translators): Google Sheets compatibility via
sheet_loader_localization. Store inassets/langs/. - JSON (Developer-friendly): Nested structure support with IDE validation. Store in
assets/translations/.
Structure
# CSV Format (Google Sheets workflow)
assets/langs/langs.csv
# OR JSON Format (nested keys)
assets/translations/
├── en.json
└── vi.json
Implementation Workflow
- Initialize — Call
await EasyLocalization.ensureInitialized()beforerunApp. - Wrap root — Wrap the app with
EasyLocalizationwidget specifying supported locales and path. - Translate strings — Use
.tr()extension on keys (e.g.,'welcome'.tr()). - Switch locale — Change via
context.setLocale(Locale('vi')). - Handle plurals — Use
plural()for quantity-dependent strings. - Sync translations — Use
sheet_loader_localizationto auto-generate CSV/JSON from Google Sheets.
Bootstrap & Usage Examples
See implementation examples for bootstrap setup and translation usage patterns.
Anti-Patterns
- ❌ Hardcoded strings in UI — always use translation keys
- ❌ Using
Localizations.ofmanually — useeasy_localization.tr()extension - ❌ Mismatched keys across locale files — keep keys identical in all locales
Reference & Examples
For setup and Google Sheets automation: See references/REFERENCE.md.
Related Topics
idiomatic-flutter | widgets
> related_skills --same-repo
> common-store-changelog
Generate user-facing release notes for the Apple App Store and Google Play Store by collecting git history, triaging user-impacting changes, and drafting store-compliant changelogs. Enforces character limits (App Store ≤4000, Google Play ≤500), tone, and bullet format. Use when generating release notes, app store changelog, play store release, what's new, or version release notes for any mobile app. (triggers: generate changelog, app store notes, play store release, what's new, release notes, ve
> golang-tooling
Go developer toolchain — gopls LSP diagnostics, linting, formatting, and vet. Use when setting up Go tooling, running linters, or integrating gopls with Claude Code. (triggers: gopls, golangci-lint, golangci.yml, go vet, goimports, staticcheck, go tooling, go lint)
> common-ui-design
Design distinctive, production-grade frontend UI with bold aesthetic choices. Use when building web components, pages, interfaces, dashboards, or applications in any framework (React, Next.js, Angular, Vue, HTML/CSS). (triggers: build a page, create a component, design a dashboard, landing page, UI for, build a layout, make it look good, improve the design, build UI, create interface, design screen)
> common-owasp
OWASP Top 10 audit checklist for Web Applications (2021) and APIs (2023). Load during any security review, PR review, or codebase audit touching web, mobile backend, or API code. (triggers: security review, OWASP, broken access control, IDOR, BOLA, injection, broken auth, API review, authorization, access control)