ui-catch-up-banner

Display a personalized catch-up plan for missed Quran recitation days.

Updated Jun 17, 2026
One-click install
npx skills add https://github.com/zakariaf/Hifz-Companion --skill ui-catch-up-banner
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-catch-up-banner
Source: https://github.com/zakariaf/Hifz-Companion/tree/main/.claude/skills/ui-catch-up-banner
Command: npx skills add https://github.com/zakariaf/Hifz-Companion --skill ui-catch-up-banner

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill enhances the missed-day catch-up functionality in the Hifz app, providing a user-friendly, empathetic, and supportive approach to resuming daily Quran recitation.

Core Features & Use Cases

  • Empathetic Catch-Up Banner: Displays a non-judgmental banner when a user returns after a gap, guiding them through a gentle resumption plan.
  • Customizable Catch-Up Plan: Dynamically presents a personalized catch-up plan based on the user's missed days and prayer-critical content.
  • User Choice and Autonomy: Offers the user the choice to start the plan, adjust its length, or defer, ensuring they maintain control over their recitation schedule.

Quick Start

Use the ui-catch-up-banner skill to display the catch-up banner for a user who has missed 3 days of Quran recitation.

Frequently Asked Questions about ui-catch-up-banner

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

FAQPage Schema
How do I create a catch-up plan for missed Quran recitation days in a Hifz app?

To create a catch-up plan for missed Quran recitation days, this Skill dynamically generates a personalized schedule based on user input. It manages the computation automatically, displaying an empathetic banner that guides users gently through resuming their daily Hifz routine.

What is the best way to design an empathetic user experience for resuming missed daily habits?

The best way to design an empathetic user experience for missed habits is using a non-judgmental catch-up banner. This approach offers user autonomy, allowing them to start, adjust the length, or defer a personalized plan without feeling pressured or guilty.

How does a dynamic catch-up banner handle user autonomy and schedule adjustments?

A dynamic catch-up banner handles user autonomy by presenting choices instead of strict schedules. Users can explicitly start the suggested plan, adjust its duration to better fit their current capacity, or defer it entirely, ensuring they maintain control over their recitation progress.

Can I customize the missed-day catch-up plan length based on specific prayer-critical content?

Yes, you can customize the catch-up plan length because the Skill dynamically presents a personalized plan based on missed days and prayer-critical content. It requires user input to adjust the schedule, ensuring the resumption plan aligns with their specific needs.

Does the Quran recitation catch-up banner require a specific design system or tone of voice?

Yes, the Quran recitation catch-up banner requires adherence to a strict design system and tone of voice. This ensures the interface remains reverent and respectful, which is critical for a religious app handling prayer-critical content and missed daily recitation.

Why does the missed-day catch-up banner avoid manual computation for resuming daily recitation?

The missed-day catch-up banner avoids manual computation to provide a supportive user experience. By automatically managing the display of a personalized catch-up plan based on missed days, it removes the cognitive load from the user, encouraging a gentle resumption.