# empty-state

> Beautiful message when no tasks match filters.

- Author: Development Team
- Repository: samnababar/todo-phase-3
- Version: 20260206123506
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/samnababar/todo-phase-3
- Web: https://mule.run/skillshub/@@samnababar/todo-phase-3~empty-state:20260206123506

---

---
name: empty-state
description: Beautiful message when no tasks match filters.
---

# Empty State Skill

## Purpose
Guide user when task list is empty.

## Process
1. Centered illustration + text
2. Message: "No tasks yet — create your first one!" or "No matching tasks"
3. Violet "Add Task" button
4. Subtle animation

## Examples
Text: text-2xl text-[#E0E0E0]/80

## Guidelines
- Use obsidian-theme-skill
- Different messages for zero tasks vs filtered