Stevenoumi

SkillChip

A skill or a technology: gray fill, semibold, 8 px corners. The list shows four chips, then +N.

KubernetesAzure
  • Azure
  • Terraform
  • Ansible
  • ELK
  • and 1 more: +1

Rules

  • Technologies are text, never logos.
  • Four chips at most, then +N.

Installation

Once the theme is installed:

npx shadcn@latest add https://brand.stevenoumi.com/r/skill-chip.json

Props

Prop

Type

On the brand page: Project cards.

StatusPill

Project status: always an icon and a word, on green, amber or sand.

IconButton

32 px square link, arrow up-right by default. Bottom right of cards.

On this page

RulesInstallationProps