ジョブアンテナ UI

転職・求人サービスのための、製品から独立した規範デザインシステムです。トークンと原則をここで定め、コンポーネントは shadcn レジストリとして配布します。

導入する

このサイトは shadcn レジストリに対応しています。外部プロジェクトから shadcn CLI でコンポーネントの JSON を直接指定すると、ソースがそのプロジェクトに取り込まれます。

bunx shadcn@latest add https://ui.jobantenna.jp/r/styles/default/button.json

プロジェクトの components.json にレジストリを登録すると、名前空間付きの短縮形で追加できます。

{
  "registries": {
    "@jobantenna": "https://ui.jobantenna.jp/r/styles/default/{name}.json"
  }
}

bunx shadcn@latest add @jobantenna/button

配布中のコンポーネントの一覧は /r/index.json で取得できます。個々のコンポーネントは /r/styles/default/{name}.json で、ui.shadcn.com と同じ URL 構成になっています。

https://ui.jobantenna.jp/r/index.json