skills.rest
AshesOfTheUndead
AshesOfTheUndeadCOMMUNITY
Explore all skills by this author →
GitHub

urdu

Provide an Urdu-first design system with Nastaliq typography and RTL layouts.

Updated Jul 9, 2026
Search Tags:#typography#accessibility#design-system#bilingual#rtl#urdu#nastaliq
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill urdu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: urdu
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-systems/style-skills/urdu
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill urdu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the lack of native, high-quality design standards for Urdu-first digital products, preventing common issues like Nastaliq font clipping, incorrect RTL layout flow, and poor bilingual typography.

Core Features & Use Cases

  • Nastaliq Typography System: Provides specific line-height and font-weight rules to ensure the complex Nastaliq script remains legible and elegant.
  • RTL-Native Layouts: Implements logical CSS properties to ensure layouts automatically flip and maintain integrity in Right-to-Left contexts.
  • Bilingual Harmony: Offers a structured approach to pairing Urdu with Latin scripts, ensuring visual balance and accessibility.
  • Use Case: Use this system to build a professional-grade editorial platform or government application that requires high-fidelity Urdu rendering and strict WCAG accessibility compliance.

Quick Start

Apply the Urdu Modern design system to the current project by setting the root html element to dir=rtl and lang=ur while importing the Noto Nastaliq Urdu font.

Frequently Asked Questions about urdu

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

FAQPage Schema
How do I fix Nastaliq font clipping in Urdu web design?▼

Fix Nastaliq font clipping by applying specific line-height and font-weight rules from this Urdu-first design system, ensuring the complex script remains legible and elegant without rendering issues.

What's the best way to implement RTL layouts for Urdu digital interfaces?▼

Implement RTL layouts for Urdu interfaces by using logical CSS properties that automatically flip and maintain structural integrity in Right-to-Left contexts, ensuring native layout flow without manual adjustments.

How do I pair Urdu Nastaliq with Latin scripts for bilingual accessibility?▼

Pair Urdu Nastaliq with Latin scripts using a structured bilingual harmony approach that ensures visual balance and WCAG 2.2 AA accessibility compliance through standardized contrast ratios and semantic HTML structure.

Does this Urdu design system support WCAG 2.2 AA accessibility compliance?▼

Yes, this Urdu design system enforces WCAG 2.2 AA accessibility compliance through standardized contrast ratios and semantic HTML structure, ensuring publication-grade web development meets strict accessibility standards.

How do I set up an Urdu-first editorial platform with proper RTL rendering?▼

Set up an Urdu-first editorial platform by applying the design system with the root html element set to dir=rtl and lang=ur, while importing the Noto Nastaliq Urdu font for high-fidelity rendering.

Why does my Urdu typography look misaligned in bilingual layouts?▼

Urdu typography looks misaligned in bilingual layouts due to a lack of native design standards, which this system solves by offering a structured approach to pairing scripts and enforcing Nastaliq-specific rendering rules.

Related Skills

Explore More Design & Creative Skills→
FAIQahmFAIQahm

urdu-rtl-styler

Apply Urdu typography and RTL layout to Docusaurus sites via a CSS injection pipeline.

Community
Advanced
Gal9amarGal9amar

israeli-ui-design-system

Generate RTL-first Israeli UI design system scaffolds for React, Vue, and HTML/CSS.

Community
Advanced
AshesOfTheUndeadAshesOfTheUndead

colorful

Generate design rules and accessibility requirements for UI components.

Community
Intermediate
adelabdelgawadadelabdelgawad

i18n-rtl-consistency

Standardize bilingual locale structures and enforce RTL layout mirroring across applications.

Community
Intermediate