🎨 デザイントークンの唯一真源
9 つの JSON 中性ソース(カラー / タイポグラフィ / 間隔 / 角丸 / シャドウ / モーション / 階層 / コンポーネントレベル)。schema が厳格に制約し、プラットフォーム固有の構文は一切許可されない。 トークンフォーマット
🎨 デザイントークンの唯一真源
9 つの JSON 中性ソース(カラー / タイポグラフィ / 間隔 / 角丸 / シャドウ / モーション / 階層 / コンポーネントレベル)。schema が厳格に制約し、プラットフォーム固有の構文は一切許可されない。 トークンフォーマット
📐 コンポーネント契約
コンポーネントごとに 1 つの JSON 契約:props / 列挙 / デフォルト値 / イベント / スロット / 振る舞い。命名正規表現が 5 端での統一を保証する。 契約フォーマット
🧪 ゴールデンケース
クロスプラットフォームで翻訳可能な given/when/then の振る舞いレベルのアサーション——ロジックは共有せず、振る舞いを共有する。 ケースフォーマット
⚙️ クロスプラットフォーム codegen
1 セットの中性トークンから Android(Kotlin)/ iOS(Swift)/ HarmonyOS(ArkTS)/ Windows(C#)4 端の言語スケルトンを生成。骨組みのみで、実装は生成しない。 パイプライン概要
🌙 ダークモードの事前計算
Web 血脈の color-mix() はビルド時にフラットな色値へ事前計算され、ネイティブ端のランタイムコストはゼロになる。
ダークモードのマージ
🔗 ローカル連携
ファミリーレイアウトの下でトークンを変更し codegen を再実行すれば即時反映。存在性ガード付きで、パッケージの公開は不要。 ローカル連携
lh-ui(総覧)
ファミリーのポータル。二つの血脈アーキテクチャとデザイン言語ベースラインを掲載。 開く →
lh-ui-plus(Vue3)
Web 血脈の Vue3 コンポーネントライブラリ。 開く →
lh-ui-android
ネイティブ血脈:Compose トークンパッケージ + コンポーネント実装。 開く →
lh-ui-ios
ネイティブ血脈:SwiftUI トークンパッケージ + コンポーネント実装。 開く →
lh-ui-harmony
ネイティブ血脈:ArkUI トークンパッケージ + コンポーネント実装。 開く →
lh-ui-windows
ネイティブ血脈:WinUI 3(C#)トークンパッケージ + コンポーネント実装。 開く →
Copyright © 2024-2026 FengMo WenXue