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