Skip to main content
Designkufu

component-selector

smarthr-ui のどのコンポーネントを使うべきかの選定ガイド。フォームを作る、テーブルを表示する、ボタンを置く、ダイアログを開く、通知を出すなど、何らかの UI を実装しようとしているときに使う。具体的なコンポーネントの SKILL.md を呼ぶ前にまず読む。 主なシナリオ: Button(ユーザーに操作を促すとき、フォームを送信するとき、アクションを選択するとき)、Input(テキスト・数値を1行で入力させるとき、フォームに入力欄を追加するとき)、Table(データを行列で一覧表示するとき、レコードを並べて比較するビューを提示するとき)、ActionDialog(フォーム要素を含まない確認・実行のダイアログを表示するとき)、TextLink(本文中にリンクを置くとき、HelpLinkやUpwardLinkで表現できないテキストリンクを提供するとき)。

Stars
30
Source
kufu/smarthr-design-system
Updated
2026-05-29
Slug
kufu--smarthr-design-system--component-selector
View on GitHubRaw SKILL.md

// 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/component-selector/SKILL.md -o .claude/skills/component-selector.md

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