1k-ui-recipes とは？
スクロール オフセット (useScrollContentTabBarOffset)、ビュー トランジション (startViewTransition)、折りたたみタブ ヘッダーの水平スクロール (CollapsibleTabContext)、および Android 下部タブのタッチ インターセプト回避策の UI レシピ。 ソース: onekeyhq/app-monorepo。
·1k-ui-recipes
*
1k-ui-recipes
✓スクロール オフセット (useScrollContentTabBarOffset)、ビュー トランジション (startViewTransition)、折りたたみタブ ヘッダーの水平スクロール (CollapsibleTabContext)、および Android 下部タブのタッチ インターセプト回避策の UI レシピ。
1k-ui-recipes のインストール方法
コマンドラインで 1k-ui-recipes AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/onekeyhq/app-monorepo --skill 1k-ui-recipes
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: onekeyhq/app-monorepo。
SKILL.md
原文を見る| iOS Tab Bar Scroll Offset | ios-tab-bar-scroll-offset.md | Use useScrollContentTabBarOffset for paddingBottom on iOS tab pages | | Smooth State Transitions | start-view-transition.md | Wrap heavy state updates in startViewTransition for fade on web |
| Horizontal Scroll in Collapsible Tab Headers | collapsible-tab-horizontal-scroll.md | Bidirectional Gesture.Pan() + programmatic scrollTo via CollapsibleTabContext | | Android Bottom Tab Touch Interception | android-bottom-tab-touch-intercept.md | Temporary — GestureDetector + Gesture.Tap() in .android.tsx to bypass native tab bar touch stealing |
Use useScrollContentTabBarOffset to add dynamic paddingBottom to scroll containers inside tab pages. Returns tab bar height on iOS, undefined on other platforms.
スクロール オフセット (useScrollContentTabBarOffset)、ビュー トランジション (startViewTransition)、折りたたみタブ ヘッダーの水平スクロール (CollapsibleTabContext)、および Android 下部タブのタッチ インターセプト回避策の UI レシピ。 ソース: onekeyhq/app-monorepo。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/onekeyhq/app-monorepo --skill 1k-ui-recipes- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-22
- 更新日
- 2026-03-10
クイックアンサー
1k-ui-recipes のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/onekeyhq/app-monorepo --skill 1k-ui-recipes インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/onekeyhq/app-monorepo
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-22