Proposal: Add RTL (Right-to-Left) Support for Multi-Platform UI-UX
#409 创建于 2026年7月4日
仓库指标
- Star
- (78,630 star)
- PR 合并指标
- (平均合并 32天 3小时) (30 天内合并 39 个 PR)
描述
Context
The current version of UI UX Pro Max (v2.10.1) provides an excellent design intelligence system with 161 product types, 67 UI styles, and 57 font pairings. However, it lacks native support for RTL (Right-to-Left) languages (e.g., Persian, Arabic, Hebrew).
With over 101k stars and a growing international user base, adding RTL support would significantly expand the project's reach and accessibility.
Proposed Feature
I'd like to contribute a RTL compatibility layer that integrates with the existing design system generator. The implementation would follow a phased approach:
Phase 1: Data Layer (Minimal Viable Addition)
· Add rtl_compatible column to products.csv, styles.csv, and color_palettes.csv · Tag each entry as TRUE/FALSE based on RTL suitability (e.g., Minimalism ✅, Brutalism ✅, Hero-Centric Design ⚠️ with caveats)
Phase 2: Search Engine Enhancement
· Add --rtl flag to search.py to filter results by RTL compatibility · Return only RTL-compatible styles/palettes when flag is enabled
Phase 3: Design System Output
· Add a new "RTL Guidelines" section to the --design-system output, including: · direction: rtl · text-align: right · Swapped padding/margin values (padding-left ↔ padding-right) · Icon mirroring recommendations (for directional icons like arrows) · Anti-patterns to avoid (e.g., left-aligned timelines, left-to-right animations)
Phase 4: Stack-Specific Templates (Future PRs)
· Create RTL-aware templates for popular stacks: · HTML+Tailwind: Add dir="rtl" and rtl: utility classes · React/Next.js: Add dir prop to layout components · React Native: Add I18nManager integration
Implementation Plan
- Data Preparation: I've already analyzed the existing CSV files and identified which styles are RTL-compatible (85% of styles work with minimal changes).
- Code Changes: Minimal modifications to search.py (less than 100 lines added).
- Testing: Will test with sample Persian/Arabic prompts to validate output quality.
- Documentation: Update README.md with RTL usage examples.
Questions for Maintainers
- Would you prefer RTL support as a flag (--rtl) or an auto-detect feature (based on language of the prompt)?
- Should RTL compatibility be strict (only RTL-optimized styles) or flexible (all styles with RTL warnings)?
- Do you have any existing RTL plans or preferences I should align with?
Why This Matters
· Accessibility: Makes the tool usable for developers in Middle Eastern, North African, and South Asian markets. · Completeness: A truly "multi-platform" design system should support all writing directions. · Community Growth: Opens the project to contributions from Persian/Arabic-speaking developers.
Related Issues/PRs
I've searched the existing issues and didn't find any open RTL requests. If this has been discussed elsewhere, please point me to it.
Next Steps
If this proposal is approved, I'll:
- Fork the repository
- Create a feature/add-rtl-support branch
- Implement Phase 1–3 as a single PR
- Open a draft PR for early feedback
Looking forward to your thoughts! 🙌
Tags to add after creation: enhancement, feature-request, accessibility, good-first-issue