skills.rest
zakariaf
zakariafCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/zakariaf/Hifz-Companion --skill ui-daily-session-list
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
zakariafzakariaf

ui-catch-up-banner

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

Community
Advanced
Spectaculous-CodeSpectaculous-Code

practice-gamification

Manage daily practice schedules and track streaks in Raamattu Nyt.

Official
Advanced
Canhada-LabsCanhada-Labs
2

Frontend Data Layer & Real-Time (Universal)

Configure real-time frontend data layers with WebSocket, SSE, and state stores.

Official
Advanced
zakariafzakariaf

ui-recite-grade-flow

Automate recitation grading with tap detection and predefined grade bands.

Community
Advanced