ui-mushaf-page-view
CommunityImmutable muṣḥaf page rendering with dedicated font and overlays.
Authorzakariaf
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill builds an immutable muṣḥaf page renderer for the Hifz app, ensuring accurate presentation of Quran text with dedicated fonts and overlays.
Core Features & Use Cases
- Immutable Rendering: Faithfully renders muṣḥaf pages without re-shaping text.
- Dedicated Font: Utilizes per-page QPC glyph fonts for precise rendering.
- Overlays: Applies coordinate rectangles for markers like weak-line, current-ayah, etc.
- Use Case: Use this Skill when building a muṣḥaf reader, page navigation, or zoom/theme controls in the Hifz app.
Quick Start
To render a muṣḥaf page with a specific riwāyah, use the ui-mushaf-page-view skill with the pageNumber and riwayah parameters.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ui-mushaf-page-view Download link: https://github.com/zakariaf/Hifz-Companion/archive/main.zip#ui-mushaf-page-view Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.