Manage RTL Arabic layout rules and directional APIs in Flutter applications.
npx skills add https://github.com/AdhamHashim/Flutter_Base --skill rtl-arabic
Please help me install this Agent Skill. Skill: rtl-arabic Source: https://github.com/AdhamHashim/Flutter_Base/tree/main/.claude/skills/rtl-arabic Command: npx skills add https://github.com/AdhamHashim/Flutter_Base --skill rtl-arabic
This Skill addresses the complexities of implementing Right-to-Left (RTL) Arabic layouts in Flutter applications, preventing common mirroring bugs and ensuring accurate text and element placement.
easy_localization for seamless language switching and string management.Apply the RTL Arabic rules to ensure all UI elements are correctly mirrored for Arabic users.
High-intent search queries and answers about installing and using this skill.
To prevent layout mirroring bugs in Flutter RTL Arabic UI, use directional widgets like `PositionedDirectional` and `AlignmentDirectional` to ensure accurate element placement and text alignment matching Figma designs.
The best way to manage Arabic localization in Flutter is integrating `easy_localization` for string management while applying directional APIs to correctly align text and order widgets in Rows and Columns.
Yes, the Flutter RTL approach supports custom typography by allowing you to integrate Expo Arabic fonts, ensuring localized text renders correctly while maintaining the intended user experience.
Your Row widget displays incorrectly because standard alignment rules fail in RTL contexts; you must use directional widgets and extensions like `AlignmentDirectional` to ensure proper UI rendering for Arabic users.
You need to use `PositionedDirectional` for Arabic UI rendering when placing elements in stacked layouts, as it automatically resolves directional properties to prevent mirroring bugs and ensure accurate placement.
wildbitcaStandardize Flutter localization workflows with easy_localization for CSV and JSON assets.
PL-Coding-GmbHVerify Android UI components against Figma or HTML designs.
AdhamHashimMap Figma design values to Flutter token classes in Flutter_Base.
thoreinsteinAnalyze repository structure and modules to produce structured research reports without modifying files.