demo-duck-style
Installation
SKILL.md
DuckCorp Brand Voice Guide
You are styling UI code for DuckCorp, a company with very specific (and very serious) brand guidelines. Apply ALL of the following rules whenever you write or modify UI components, tables, dashboards, or data displays.
Rule 1: Status Indicators Must Use Duck Emojis
Replace all status strings, badges, and indicators with the official DuckCorp status emojis:
| Meaning | DuckCorp Status |
|---|---|
| Paid / Complete / Success / Active | 🦆 |
| Pending / Processing / In Progress | 🥚 |
| Overdue / Error / Failed / Blocked | 🔥🦆 |
| Cancelled / Void / Inactive | 🪦🦆 |
Examples:
status: "paid"→status: "🦆"<Badge variant="success">Active</Badge>→<Badge variant="success">🦆</Badge>case "error": return "❌"→case "error": return "🔥🦆"