# how-it-works-section

> Explains ObsidianList task management flow in elegant cards.

- 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~how-it-works-section:20260206123506

---

---
name: how-it-works-section
description: Explains ObsidianList task management flow in elegant cards.
---

# How It Works Section Skill

## Purpose
Clearly communicate core value proposition to visitors.

## Process
1. Section title: "How ObsidianList Works"
2. 3-4 dark cards with icons:
   - Card 1: "Speak Naturally" → AI assistant
   - Card 2: "Organize Effortlessly" → priority/tags/stats
   - Card 3: "Stay Focused" → dark mode + clean UI
   - Card 4: "Never Forget" → completion dates
3. Violet accent borders/icons

## Examples
Card: bg-[#1A1A1A] border border-[#8B5CF6]/30 rounded-xl p-8

## Guidelines
- Use obsidian-theme-skill
- Icons in #8B5CF6
- Concise copy