multilingual-architect

Implement Urdu RTL i18n in Docusaurus with native configuration and CSS logical properties.

Updated Dec 15, 2025
One-click install
npx skills add https://github.com/HafizFasih/ai-native-book-hackathon --skill multilingual-architect
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: multilingual-architect
Source: https://github.com/HafizFasih/ai-native-book-hackathon/tree/main/.claude/skills/multilingual-architect
Command: npx skills add https://github.com/HafizFasih/ai-native-book-hackathon --skill multilingual-architect

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Multilingual-architect provides a structured approach to implementing Urdu RTL i18n in Docusaurus by leveraging the built-in i18n system and frontmatter-driven content.

Core Features & Use Cases

  • RTL-aware content and layout mirroring for Urdu in Docusaurus to ensure correct directionality and UX.
  • Typography and font strategy, including conditional Urdu font loading to optimize performance.
  • Guidance for configuring docusaurus.config.js and i18n locales, content structure, and asset organization.

Quick Start

Install and activate Docusaurus i18n with locales including en and ur, then add Urdu translations under i18n/ur/docusaurus-plugin-content-docs/current/.

Frequently Asked Questions about multilingual-architect

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement Urdu RTL layout mirroring in Docusaurus?

Urdu RTL layout mirroring in Docusaurus is implemented by leveraging the built-in i18n system alongside CSS logical properties. This approach ensures correct layout directionality and user experience for multilingual documentation sites.

What is the best way to configure Docusaurus i18n locales for English and Urdu content?

Configuring Docusaurus i18n locales for English and Urdu requires native i18n configuration in docusaurus.config.js. You then add Urdu translations under the i18n/ur/docusaurus-plugin-content-docs/current/ directory structure.

How does conditional font loading work for Urdu typography in Docusaurus?

Conditional Urdu font loading optimizes performance by triggering font asset loading only when the Urdu locale is active. This typography strategy ensures proper rendering of Urdu script without degrading English page load speeds.

Does Docusaurus built-in i18n support frontmatter-driven content for multilingual sites?

Docusaurus built-in i18n supports frontmatter-driven content for multilingual sites. This approach allows structured localization of documentation, enabling locale-aware routing and asset organization across English and Urdu.

Why does my Urdu documentation layout not mirror correctly in Docusaurus?

Urdu documentation layout fails to mirror correctly in Docusaurus when CSS logical properties are not utilized. Proper RTL layout mirroring requires enforcing native i18n configuration and logical property usage for directionality.