smarthr-ui-badge

Badgeは、件数などの数値を視覚的に表すためのコンポーネントです。Iconなどの視覚情報が少ない要素に変化が発生していることを通知バッジとして知らせるときにも使います。

Stars: 30
Source: kufu/smarthr-design-system
Updated: 2026-05-29
Slug: kufu--smarthr-design-system--smarthr-ui-badge

// install — copy + paste into any project

mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/kufu/smarthr-design-system/HEAD/plugins/smarthr-design-system/skills/smarthr-ui-badge/SKILL.md -o .claude/skills/smarthr-ui-badge.md

Drops the SKILL.md into .claude/skills/smarthr-ui-badge.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.

// fetch failed

Couldn't render the SKILL.md content here right now. You can view the raw markdown or open the source folder on GitHub.