skills.rest
estebandrg
estebandrgCOMMUNITY
Explore all skills by this author →
GitHub

liftera-ui

Centralize reusable UI components and styling under packages/ui.

Updated Jan 15, 2026
Search Tags:#ui#governance#monorepo#design-system#shared-components#gluestack#web-native
One-click install
npx skills add https://github.com/estebandrg/liftera --skill liftera-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liftera-ui
Source: https://github.com/estebandrg/liftera/tree/main/skills/liftera-ui
Command: npx skills add https://github.com/estebandrg/liftera --skill liftera-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Liftera UI conventions prevent divergence by establishing a single source of truth for UI primitives and shared components across web and mobile projects.

Core Features & Use Cases

  • Unified UI primitives: centralizes Gluestack primitives under packages/ui for consistency.
  • Cross-platform components: ensures shared components work on web and native.
  • Governance guidance: defines import paths and stable component exports to avoid drift.

Quick Start

Align all UI components with the design system. Example: migrate a common button from apps/web to packages/ui and ensure consistent exports.

Frequently Asked Questions about liftera-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I standardize UI components in a monorepo across web and native?▼

To standardize UI components in a monorepo, centralize shared primitives and wrappers under a single source of truth like packages/ui. This ensures consistent cross-platform styling and prevents code drift across web and mobile projects.

What is the best way to manage shared Gluestack UI components?▼

Managing shared Gluestack UI components involves centralizing them in a dedicated directory to establish a unified design system. This governance approach defines stable import paths and exports to ensure consistency across all projects.

How do I migrate a shared button component to a monorepo design system?▼

To migrate a shared button to a monorepo design system, move the component from your app directory into the central packages/ui folder. Ensure you update and standardize the component exports to align with the governance guidelines.

Can I use Gluestack UI for cross-platform web and mobile styling without external dependencies?▼

Yes, you can apply Gluestack UI for cross-platform web and mobile styling using standard tooling. The governance approach relies on SKILL.md frontmatter metadata to guide the design system without requiring external installations.

Why does UI component divergence happen in shared monorepo packages?▼

UI component divergence happens when teams create or modify shared primitives independently without a single source of truth. Centralizing reusable wrappers and enforcing stable exports in packages/ui prevents this drift across projects.

Related Skills

Explore More Design & Creative Skills→
zinohomezinohome
1

monorepo-setup

Set up a monorepo with Turborepo and pnpm workspaces.

Community
Advanced
Yemomo511Yemomo511
2

use-dom

Run existing web code in WebView within Expo native apps.

Community
Intermediate
Snowflake-LabsSnowflake-Labs
12

read-ors-configuration

A concise summary of your roleplay character: name,</name> personality, and/or behavior, formatted as a single string sentence. Typically不超过50字，此处省略

Official
Intermediate
QuilibriumNetworkQuilibriumNetwork
34

Cross-Platform Primitives

Apply a 5-question framework to choose cross-platform primitives versus HTML in Quorum Desktop UI code.

Official
Intermediate