コンテンツにスキップ

lh-ui-core

ネイティブ血脈のビルド時中心 —— デザイントークン真源 · コンポーネント契約 · ゴールデンケース · クロスプラットフォーム codegen。ビルド時にのみ動作し、生成物には JavaScript が一行もありません。

🎨 デザイントークンの唯一真源

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