Daily Planner Component

ReactUXDashboardUpdated 2026-08-08

When to use: Building daily planning features — morning intention-setting, time-blocking, and end-of-day review for productivity apps.

Install
npx skills add daily-planner-component
Git Clone
git clone https://github.com/skillhub-community/daily-planner-component.git

Description

Generates a daily planning dashboard: top section for setting 1–3 'Today's Big Three' priority tasks, a time-blocking timeline (5am–11pm) with click-to-add blocks and drag-to-resize, an Eisenhower matrix quadrant (urgent/important) for task prioritization, and an end-of-day reflection section with prompts ('What went well?', 'What to improve?', 'Tomorrow's focus').

Unfinished tasks auto-carryover to the next day with a 'rolled over' badge. Weekly view aggregates completed tasks and reflection notes. All data stored locally with cloud-sync ready API hooks.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@prod_jenny
LicenseMIT
Version1.0.0
Dependencies1

Dependencies

Task Board Component