ui-daily-session-list

Build daily Quran recitation session lists with states and budget feedback.

Updated Jun 17, 2026

Search Tags:#interface design #user interface #daily planning #application development #recitation list

Ready to run

npx skills add https://github.com/zakariaf/Hifz-Companion --skill ui-daily-session-list

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-daily-session-list
Source: https://github.com/zakariaf/Hifz-Companion/tree/main/.claude/skills/ui-daily-session-list
Command: npx skills add https://github.com/zakariaf/Hifz-Companion --skill ui-daily-session-list

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the process of creating and maintaining the Hifz app's daily recitation session interface, providing a consistent user experience.

Core Features & Use Cases

Daily Revision List Management: Build and customize the list of pages to revise for each day, following the Far → Near → New recitation order.
States Representation: Create various interface states such as loading, populated, all-done, and catch-up to provide clear user feedback.
Budget Feedback Line: Integrate a feedback mechanism that indicates when the selected scope exceeds the daily time budget.

Quick Start

Use the ui-daily-session-list skill to generate the Today screen interface for daily recitation sessions in the Hifz app.

Frequently Asked Questions about ui-daily-session-list

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

FAQPage Schema

How do I design a daily Quran recitation session interface for a mobile app?▼

To design a daily Quran recitation session interface, use this Skill to build UI elements for daily revision lists, state representations like loading or all-done, and budget feedback lines for Islamic educational apps.

What UI states are needed for a daily Hifz revision list?▼

A daily Hifz revision list requires loading, populated, all-done, and catch-up interface states to provide clear user feedback during the daily recitation session.

How do I show users they have exceeded their daily recitation time budget?▼

You can show users they exceeded their daily recitation time budget by integrating a budget feedback line, which indicates when the selected revision scope surpasses the available daily time.

Can I customize the page order for daily Quran revision lists?▼

Yes, you can customize daily Quran revision lists by following the Far, Near, and New recitation order to structure the pages users need to revise each day.

Does this Skill work for Islamic educational app development on mobile?▼

Yes, this Skill applies directly to mobile application UI design and Islamic educational app development, specifically managing the interface for daily Quran recitation sessions.

What is the best way to structure a Today screen for daily recitation sessions?▼

The best way to structure a Today screen for daily recitation sessions is to generate the interface with revision list management, multiple UI state representations, and time budget feedback integration.