AgentStack
Browse Sign in
Browse Why AgentStack Sell Docs
Sign in
SKILL verified MIT Self-run

Badge Tag

skill-subhansh-dev-agent-maxxing-badge-tag · by subhansh-dev

Generate badges, tags, and status indicators with multiple color variants.

↗ Website ↗ Repository
— No reviews yet
0 installs
17 views
0.0% view→install

Install

$ agentstack add skill-subhansh-dev-agent-maxxing-badge-tag

✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.

Verified badge

Passed review? Show it. Paste this badge into your README, it links to the public security report.

AgentStack Verified badge Links to your public security report.
[![AgentStack Verified](https://agentstack.voostack.com/badges/verified.svg)](https://agentstack.voostack.com/security/report/skill-subhansh-dev-agent-maxxing-badge-tag)

Reliability & compatibility

✓ Security review passed
0 installs to date
— no reviews yet
● 25d ago

Declared compatibility

Claude CodeClaude Desktop

Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.

Preview Execution monitoring

We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.

How agent discovery & health will work →
Are you the author of Badge Tag? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

Badge & Tag Component

.badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.badge-default {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.6);
}

.badge-primary {
  background: rgba(var(--accent-rgb), 0.12);
  color: var(--accent);
}

.badge-success {
  background: rgba(34, 197, 94, 0.12);
  color: #22c55e;
}

.badge-warning {
  background: rgba(245, 158, 11, 0.12);
  color: #f59e0b;
}

.badge-danger {
  background: rgba(239, 68, 68, 0.12);
  color: #ef4444;
}

.tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}

.tag-removable::after {
  content: '×';
  margin-left: 4px;
  cursor: pointer;
  opacity: 0.5;
}

.tag-removable:hover::after {
  opacity: 1;
}

Rules:

  • Badges: pill shape, small, for counts/status
  • Tags: rounded rectangle, for labels/categories
  • Badge colors: map to semantic meaning (success=green, warning=yellow, danger=red)

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet, be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.