·1k-ui-recipes
*

1k-ui-recipes

Recettes d'interface utilisateur pour le décalage de défilement (useScrollContentTabBarOffset), les transitions d'affichage (startViewTransition), le défilement horizontal dans les en-têtes d'onglets pliables (CollapsibleTabContext) et la solution de contournement d'interception tactile de l'onglet inférieur Android.

36Installations·2Tendance·@onekeyhq

Installation

$npx skills add https://github.com/onekeyhq/app-monorepo --skill 1k-ui-recipes

Comment installer 1k-ui-recipes

Installez rapidement le skill IA 1k-ui-recipes dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/onekeyhq/app-monorepo --skill 1k-ui-recipes
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : onekeyhq/app-monorepo.

| 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.

Recettes d'interface utilisateur pour le décalage de défilement (useScrollContentTabBarOffset), les transitions d'affichage (startViewTransition), le défilement horizontal dans les en-têtes d'onglets pliables (CollapsibleTabContext) et la solution de contournement d'interception tactile de l'onglet inférieur Android. Source : onekeyhq/app-monorepo.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/onekeyhq/app-monorepo --skill 1k-ui-recipes
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-22
Mis à jour
2026-03-10

Browse more skills from onekeyhq/app-monorepo

Réponses rapides

Qu'est-ce que 1k-ui-recipes ?

Recettes d'interface utilisateur pour le décalage de défilement (useScrollContentTabBarOffset), les transitions d'affichage (startViewTransition), le défilement horizontal dans les en-têtes d'onglets pliables (CollapsibleTabContext) et la solution de contournement d'interception tactile de l'onglet inférieur Android. Source : onekeyhq/app-monorepo.

Comment installer 1k-ui-recipes ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/onekeyhq/app-monorepo --skill 1k-ui-recipes Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/onekeyhq/app-monorepo