# task-card

> Premium dark task card displaying priority, status, and tags.

- 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~task-card:20260206123506

---

---
name: task-card
description: Premium dark task card displaying priority, status, and tags.
---

# Task Card Skill

## Purpose
Beautiful, information-rich task display.

## Process
1. Card background: #1A1A1A
2. Title + description
3. Priority badge (violet intensity by level)
4. Status checkbox (emerald on complete)
5. Tags as violet pills
6. Hover: subtle lift + violet glow
7. Edit/delete icons on hover

## Examples
Priority high: bg-[#8B5CF6]/20 text-[#8B5CF6] badge
Tags: bg-[#8B5CF6]/10 text-[#A78BFA] rounded-full px-3 py-1

## Guidelines
- Use obsidian-theme-skill
- Truncate long text gracefully
- Accessible focus states