---
name: "@yukihi"
slug: "yukihi"
description: "An accessible React design system with scoped themes, reusable application patterns, and character icons, built for Tailwind CSS v4."
category: "AI/chat UI"
tags: ["accessibility", "ai", "blocks", "buttons", "cards", "dashboard", "design-system", "forms", "hooks", "icons", "loaders", "media", "mobile", "navigation", "overlays", "pro-available", "tables", "theming"]
framework: "react"
license: "MIT"
author: "yukihito-jokyu"
website: "https://github.com/yukihito-jokyu/design-system"
github: "https://github.com/yukihito-jokyu/design-system"
registry: "https://design.yukihi.tokyo/v1/r/registry.json"
pro: true
pro_url: "https://github.com/enterprise/premium-support"
github_stars: 0
component_count: 242
generated_at: "2026-10-27T06:34:08.542Z"
---

# @yukihi

An accessible React design system with scoped themes, reusable application patterns, and character icons, built for Tailwind CSS v4.

## Links

- Website: https://github.com/yukihito-jokyu/design-system
- GitHub: https://github.com/yukihito-jokyu/design-system
- Registry JSON: https://design.yukihi.tokyo/v1/r/registry.json
- Directory page: https://sh4dcn.netlify.app/registry/yukihi
- This file: https://sh4dcn.netlify.app/md/yukihi.md
- Pro / pricing: https://github.com/enterprise/premium-support

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://design.yukihi.tokyo/v1/r/registry.json
pnpm dlx shadcn@latest add https://design.yukihi.tokyo/v1/r/registry.json
bunx shadcn@latest add https://design.yukihi.tokyo/v1/r/registry.json
# clone the source repo
git clone https://github.com/yukihito-jokyu/design-system.git
# fetch the raw registry index
curl -s https://design.yukihi.tokyo/v1/r/registry.json
```

## Components (242)

| name | type | description | install |
| --- | --- | --- | --- |
| design-system-styles | registry:style | Design tokens, Tailwind v4 theme mappings, and shared component rules. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/design-system-styles.json` |
| utils | registry:lib | Class-name utility. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/utils.json` |
| use-mobile | registry:hook | Responsive mobile-state hook. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/use-mobile.json` |
| accordion | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/accordion.json` |
| alert-dialog | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/alert-dialog.json` |
| alert | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/alert.json` |
| avatar | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/avatar.json` |
| badge | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/badge.json` |
| breadcrumb | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/breadcrumb.json` |
| button | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/button.json` |
| calendar | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/calendar.json` |
| card | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/card.json` |
| checkbox | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/checkbox.json` |
| collapsible | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/collapsible.json` |
| combobox | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/combobox.json` |
| date-picker | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/date-picker.json` |
| dialog | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/dialog.json` |
| dropdown-menu | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/dropdown-menu.json` |
| file-upload | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/file-upload.json` |
| icon-button | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/icon-button.json` |
| input-group | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/input-group.json` |
| input | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/input.json` |
| label | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/label.json` |
| navigation-menu | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/navigation-menu.json` |
| pagination | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/pagination.json` |
| popover | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/popover.json` |
| progress | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/progress.json` |
| radio-group | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/radio-group.json` |
| select | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/select.json` |
| separator | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/separator.json` |
| sheet | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/sheet.json` |
| sidebar | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/sidebar.json` |
| skeleton | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/skeleton.json` |
| slider | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/slider.json` |
| sonner | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/sonner.json` |
| spinner | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/spinner.json` |
| switch | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/switch.json` |
| table | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/table.json` |
| tabs | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/tabs.json` |
| textarea | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/textarea.json` |
| toast | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/toast.json` |
| toggle-group | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/toggle-group.json` |
| toggle | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/toggle.json` |
| tooltip | registry:ui | Design system ui component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/tooltip.json` |
| theme-provider | registry:component | Scoped theme and portal color inheritance. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/theme-provider.json` |
| assistant-card | registry:component | Design system character component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assistant-card.json` |
| empty-state | registry:component | Design system character component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/empty-state.json` |
| friendly-tooltip | registry:component | Design system character component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/friendly-tooltip.json` |
| message-bubble | registry:component | Design system character component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/message-bubble.json` |
| soft-notice | registry:component | Design system character component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/soft-notice.json` |
| suggestion-chip | registry:component | Design system character component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/suggestion-chip.json` |
| character-icons | registry:component | Dynamic six-direction character/status API and all approved artwork variants. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/character-icons.json` |
| app-shell | registry:component | 画面共通のナビゲーション枠。単独画面の主目的を表すPatternには使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/app-shell.json` |
| assistant-panel | registry:component | AI支援が要件にある画面へ案内領域を加える。AI支援が不要なら使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assistant-panel.json` |
| data-table | registry:component | 表形式の検索・並べ替え・選択・ページ送り。画面全体の構成にはcollection-pageを使う。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/data-table.json` |
| error-state | registry:component | 処理失敗の説明と再試行。対象が0件の状態には使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/error-state.json` |
| form-field | registry:component | ラベル・説明・入力エラーを結ぶ入力欄。フォーム全体の構成には使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/form-field.json` |
| loading-state | registry:component | 領域の待機と初回スケルトン。失敗結果の表示には使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/loading-state.json` |
| page-header | registry:component | 見出し・説明・主操作をまとめる。本文や画面状態の代わりには使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/page-header.json` |
| search-field | registry:component | 検索語を入力する欄。条件全体の管理にはtable-toolbarを使う。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/search-field.json` |
| settings-section | registry:component | 設定群の見出し・説明・本文。画面全体にはsettings-pageを使う。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/settings-section.json` |
| table-toolbar | registry:component | 一覧の検索・条件・件数をまとめる。表本体にはdata-tableを使う。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/table-toolbar.json` |
| dashboard-page | registry:component | 複数の指標と進行状況を把握し優先作業へ進む画面。単一数値の表示には使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/dashboard-page.json` |
| collection-page | registry:component | 複数件を探し比較して選ぶ画面。単一対象の閲覧には使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/collection-page.json` |
| detail-page | registry:component | 1件を閲覧し関連操作へ進む画面。編集と保存が主目的なら使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/detail-page.json` |
| edit-page | registry:component | 1件を作成・編集して保存する画面。複数の独立した設定群には使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/edit-page.json` |
| settings-page | registry:component | 複数の設定群を管理する画面。単一項目の変更には使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/settings-page.json` |
| step-form | registry:component | 順番に入力し確認して送信する画面。独立した複数作業には使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/step-form.json` |
| task-workflow-page | registry:component | 独立した複数作業の進行を管理する画面。直線的な段階入力には使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/task-workflow-page.json` |
| result-page | registry:component | 完了結果と次の行動を残す画面。短い通知だけなら使わない。 | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/result-page.json` |
| icon-frame | registry:component | Shared frame for approved SVG artwork. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/icon-frame.json` |
| assembly-document-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-document-feature-icon.json` |
| assembly-history-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-history-feature-icon.json` |
| assembly-idea-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-idea-feature-icon.json` |
| assembly-saved-status-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-saved-status-icon.json` |
| assembly-success-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-success-character-icon.json` |
| assembly-thinking-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-thinking-character-icon.json` |
| assembly-thinking-status-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-thinking-status-icon.json` |
| assembly-welcome-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-welcome-character-icon.json` |
| fold-document-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-document-feature-icon.json` |
| fold-history-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-history-feature-icon.json` |
| fold-idea-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-idea-feature-icon.json` |
| fold-saved-status-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-saved-status-icon.json` |
| fold-success-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-success-character-icon.json` |
| fold-thinking-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-thinking-character-icon.json` |
| fold-thinking-status-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-thinking-status-icon.json` |
| fold-welcome-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-welcome-character-icon.json` |
| impress-document-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-document-feature-icon.json` |
| impress-history-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-history-feature-icon.json` |
| impress-idea-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-idea-feature-icon.json` |
| impress-saved-status-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-saved-status-icon.json` |
| impress-success-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-success-character-icon.json` |
| impress-thinking-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-thinking-character-icon.json` |
| impress-thinking-status-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-thinking-status-icon.json` |
| impress-welcome-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-welcome-character-icon.json` |
| ink-document-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-document-feature-icon.json` |
| ink-history-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-history-feature-icon.json` |
| ink-idea-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-idea-feature-icon.json` |
| ink-saved-status-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-saved-status-icon.json` |
| ink-success-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-success-character-icon.json` |
| ink-thinking-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-thinking-character-icon.json` |
| ink-thinking-status-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-thinking-status-icon.json` |
| ink-welcome-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-welcome-character-icon.json` |
| monolith-document-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-document-feature-icon.json` |
| monolith-history-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-history-feature-icon.json` |
| monolith-idea-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-idea-feature-icon.json` |
| monolith-saved-status-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-saved-status-icon.json` |
| monolith-success-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-success-character-icon.json` |
| monolith-thinking-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-thinking-character-icon.json` |
| monolith-thinking-status-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-thinking-status-icon.json` |
| monolith-welcome-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-welcome-character-icon.json` |
| orbit-document-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-document-feature-icon.json` |
| orbit-history-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-history-feature-icon.json` |
| orbit-idea-feature-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-idea-feature-icon.json` |
| orbit-saved-status-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-saved-status-icon.json` |
| orbit-success-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-success-character-icon.json` |
| orbit-thinking-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-thinking-character-icon.json` |
| orbit-thinking-status-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-thinking-status-icon.json` |
| orbit-welcome-character-icon | registry:component | Approved standalone SVG icon. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-welcome-character-icon.json` |
| icons | registry:component | Barrel exports for all approved standalone SVG icons. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/icons.json` |
| design-system | registry:base | All Foundation, Character, Pattern, and approved icon items. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/design-system.json` |
| cobalt-design-system-styles | registry:style | Canonical cobalt tokens, Noto Sans JP font loading, and shared component rules. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-design-system-styles.json` |
| cobalt-utils | registry:lib | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-utils.json` |
| cobalt-use-mobile | registry:hook | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-use-mobile.json` |
| cobalt-button | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-button.json` |
| cobalt-card | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-card.json` |
| cobalt-input | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-input.json` |
| cobalt-alert | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-alert.json` |
| cobalt-badge | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-badge.json` |
| cobalt-breadcrumb | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-breadcrumb.json` |
| cobalt-checkbox | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-checkbox.json` |
| cobalt-icon-button | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-icon-button.json` |
| cobalt-sheet | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-sheet.json` |
| cobalt-skeleton | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-skeleton.json` |
| cobalt-spinner | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-spinner.json` |
| cobalt-table | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-table.json` |
| cobalt-dialog | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-dialog.json` |
| cobalt-label | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-label.json` |
| cobalt-textarea | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-textarea.json` |
| cobalt-select | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-select.json` |
| cobalt-alert-dialog | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-alert-dialog.json` |
| cobalt-sonner | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-sonner.json` |
| cobalt-toast | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-toast.json` |
| cobalt-switch | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-switch.json` |
| cobalt-radio-group | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-radio-group.json` |
| cobalt-slider | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-slider.json` |
| cobalt-toggle | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-toggle.json` |
| cobalt-toggle-group | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-toggle-group.json` |
| cobalt-input-group | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-input-group.json` |
| cobalt-combobox | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-combobox.json` |
| cobalt-calendar | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-calendar.json` |
| cobalt-date-picker | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-date-picker.json` |
| cobalt-file-upload | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-file-upload.json` |
| cobalt-popover | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-popover.json` |
| cobalt-accordion | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-accordion.json` |
| cobalt-avatar | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-avatar.json` |
| cobalt-collapsible | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-collapsible.json` |
| cobalt-dropdown-menu | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-dropdown-menu.json` |
| cobalt-navigation-menu | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-navigation-menu.json` |
| cobalt-pagination | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-pagination.json` |
| cobalt-progress | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-progress.json` |
| cobalt-separator | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-separator.json` |
| cobalt-sidebar | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-sidebar.json` |
| cobalt-tabs | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-tabs.json` |
| cobalt-tooltip | registry:ui | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-tooltip.json` |
| cobalt-theme-provider | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-theme-provider.json` |
| cobalt-assistant-card | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assistant-card.json` |
| cobalt-empty-state | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-empty-state.json` |
| cobalt-friendly-tooltip | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-friendly-tooltip.json` |
| cobalt-message-bubble | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-message-bubble.json` |
| cobalt-soft-notice | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-soft-notice.json` |
| cobalt-suggestion-chip | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-suggestion-chip.json` |
| cobalt-character-icons | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-character-icons.json` |
| cobalt-app-shell | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-app-shell.json` |
| cobalt-collection-page | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-collection-page.json` |
| cobalt-data-table | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-data-table.json` |
| cobalt-error-state | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-error-state.json` |
| cobalt-loading-state | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-loading-state.json` |
| cobalt-page-header | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-page-header.json` |
| cobalt-search-field | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-search-field.json` |
| cobalt-table-toolbar | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-table-toolbar.json` |
| cobalt-form-field | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-form-field.json` |
| cobalt-edit-page | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-edit-page.json` |
| cobalt-assistant-panel | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assistant-panel.json` |
| cobalt-settings-section | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-settings-section.json` |
| cobalt-dashboard-page | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-dashboard-page.json` |
| cobalt-detail-page | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-detail-page.json` |
| cobalt-settings-page | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-settings-page.json` |
| cobalt-step-form | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-step-form.json` |
| cobalt-task-workflow-page | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-task-workflow-page.json` |
| cobalt-result-page | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-result-page.json` |
| cobalt-icon-frame | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-icon-frame.json` |
| cobalt-assembly-document-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-document-feature-icon.json` |
| cobalt-assembly-history-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-history-feature-icon.json` |
| cobalt-assembly-idea-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-idea-feature-icon.json` |
| cobalt-assembly-saved-status-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-saved-status-icon.json` |
| cobalt-assembly-success-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-success-character-icon.json` |
| cobalt-assembly-thinking-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-thinking-character-icon.json` |
| cobalt-assembly-thinking-status-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-thinking-status-icon.json` |
| cobalt-assembly-welcome-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-welcome-character-icon.json` |
| cobalt-fold-document-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-document-feature-icon.json` |
| cobalt-fold-history-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-history-feature-icon.json` |
| cobalt-fold-idea-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-idea-feature-icon.json` |
| cobalt-fold-saved-status-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-saved-status-icon.json` |
| cobalt-fold-success-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-success-character-icon.json` |
| cobalt-fold-thinking-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-thinking-character-icon.json` |
| cobalt-fold-thinking-status-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-thinking-status-icon.json` |
| cobalt-fold-welcome-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-welcome-character-icon.json` |
| cobalt-impress-document-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-document-feature-icon.json` |
| cobalt-impress-history-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-history-feature-icon.json` |
| cobalt-impress-idea-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-idea-feature-icon.json` |
| cobalt-impress-saved-status-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-saved-status-icon.json` |
| cobalt-impress-success-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-success-character-icon.json` |
| cobalt-impress-thinking-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-thinking-character-icon.json` |
| cobalt-impress-thinking-status-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-thinking-status-icon.json` |
| cobalt-impress-welcome-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-welcome-character-icon.json` |
| cobalt-ink-document-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-document-feature-icon.json` |
| cobalt-ink-history-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-history-feature-icon.json` |
| cobalt-ink-idea-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-idea-feature-icon.json` |
| cobalt-ink-saved-status-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-saved-status-icon.json` |
| cobalt-ink-success-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-success-character-icon.json` |
| cobalt-ink-thinking-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-thinking-character-icon.json` |
| cobalt-ink-thinking-status-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-thinking-status-icon.json` |
| cobalt-ink-welcome-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-welcome-character-icon.json` |
| cobalt-monolith-document-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-document-feature-icon.json` |
| cobalt-monolith-history-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-history-feature-icon.json` |
| cobalt-monolith-idea-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-idea-feature-icon.json` |
| cobalt-monolith-saved-status-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-saved-status-icon.json` |
| cobalt-monolith-success-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-success-character-icon.json` |
| cobalt-monolith-thinking-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-thinking-character-icon.json` |
| cobalt-monolith-thinking-status-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-thinking-status-icon.json` |
| cobalt-monolith-welcome-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-welcome-character-icon.json` |
| cobalt-orbit-document-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-document-feature-icon.json` |
| cobalt-orbit-history-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-history-feature-icon.json` |
| cobalt-orbit-idea-feature-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-idea-feature-icon.json` |
| cobalt-orbit-saved-status-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-saved-status-icon.json` |
| cobalt-orbit-success-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-success-character-icon.json` |
| cobalt-orbit-thinking-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-thinking-character-icon.json` |
| cobalt-orbit-thinking-status-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-thinking-status-icon.json` |
| cobalt-orbit-welcome-character-icon | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-welcome-character-icon.json` |
| cobalt-icons | registry:component | Cobalt design system component. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-icons.json` |
| cobalt-design-system | registry:base | Install only the cobalt design system. | `npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-design-system.json` |

## For AI agents

```text
You are adding components from @yukihi to a shadcn-compatible project.
1. Read this file (https://sh4dcn.netlify.app/md/yukihi.md) for the component list.
2. Fetch the machine-readable index: https://design.yukihi.tokyo/v1/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.netlify.app/json (library slug: yukihi).
```