style-figma-clean
Installation
SKILL.md
Figma Clean — Style Tokens + Row Template
Precise, polished, information-dense. Each card has a thin colored stripe across the top that matches the status. Below it, a clean horizontal layout with all metadata. Feels like a Figma component.
Layout philosophy: Top-stripe card. A thin 4px colored bar spans the top of each card, color-coded to the status. Below it, a single horizontal row of data: name, badge, progress, deadline. Dense but never cluttered. Every element is precisely placed.
Badge Tokens
- padding:
4px 12px - border-radius:
4px - font-size:
12px - font-weight:
600 - text-transform:
none