触れるものは柔らかく、
読むものは端正に。
React 19
Server Componentsからそのまま使える。クライアントに送る必要のないものは、サーバーで描いたまま置いておける。
デザイントークン
ビルド済みCSSのインポート1行で動き、Tailwind CSSのセットアップは不要。色や余白はセマンティックトークンで統一され、ライトモードとダークモードもシームレスに切り替わります。
TypeScript
propsのリファレンスは型から生成されるので、ドキュメントが実装からずれない。存在しないpropsを書けば、動かす前にエディタが教えてくれる。
エージェント向けの面
設計ガイドとリファレンスがnpmパッケージに同梱される。AIはnode_modules/@k8ordo/ui/docs/からインストールした版そのものを読む。StorybookのMCPエンドポイントから実物のpropsも引ける。
アクセシビリティ
WAI-ARIAパターンに基づき、キーボード操作やスクリーンリーダーに配慮したコンポーネントを目指しています。
柔と端のデザイン
触れるものは柔らかく、読むものは端正に。余白と形の柔らかさで魅せるUIを提供します。
縦書き対応
writing-vユーティリティでwriting-modeを切り替えると、コンポーネントは縦書きの紙面でも崩れずに追従します。日本語ドキュメントを縦書きで体験できます。