An accessible React design system with scoped themes, reusable application patterns, and character icons, built for Tailwind CSS v4.
複数件を探し比較して選ぶ画面。単一対象の閲覧には使わない。
Design system ui component.
All Foundation, Character, Pattern, and approved icon items.
複数の指標と進行状況を把握し優先作業へ進む画面。単一数値の表示には使わない。
表形式の検索・並べ替え・選択・ページ送り。画面全体の構成にはcollection-pageを使う。
Design system ui component.
Design tokens, Tailwind v4 theme mappings, and shared component rules.
Scoped theme and portal color inheritance.
1件を閲覧し関連操作へ進む画面。編集と保存が主目的なら使わない。
Design system ui component.
Design system ui component.
Dynamic six-direction character/status API and all approved artwork variants.
1件を作成・編集して保存する画面。複数の独立した設定群には使わない。
Design system character component.
処理失敗の説明と再試行。対象が0件の状態には使わない。
Design system ui component.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
ラベル・説明・入力エラーを結ぶ入力欄。フォーム全体の構成には使わない。
Design system character component.
Design system ui component.
Shared frame for approved SVG artwork.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Approved standalone SVG icon.
Design system ui component.
Design system ui component.
Design system ui component.
領域の待機と初回スケルトン。失敗結果の表示には使わない。