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

status_colors

Installs
3
GitHub Stars
140
First Seen
Jun 23, 2026