skills.rest
Ledger-Wallet-LLC
Ledger-Wallet-LLCOFFICIAL
Explore all skills by this author →
GitHub

ldls-native

Apply Lumen UI design rules to React Native components for consistent styling.

Updated Aug 27, 2026
Search Tags:#components#react-native#design-system#lumen#ui-rules#ldls-native
One-click install
npx skills add https://github.com/Ledger-Wallet-LLC/ledgerwallet --skill ldls-native
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ldls-native
Source: https://github.com/Ledger-Wallet-LLC/ledgerwallet/tree/main/.cursor/skills/ldls-native
Command: npx skills add https://github.com/Ledger-Wallet-LLC/ledgerwallet --skill ldls-native

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Lumen UI design rules provide a consistent visual language for React Native apps by codifying spacing, typography, color, and component usage, reducing UI drift and onboarding time.

Core Features & Use Cases

  • Enforces Lumen UI tokens and component usage across RN screens.
  • Serves as a single source of truth for design decisions during feature development.
  • Use Case: When prototyping a new screen, refer to RULES.md to ensure visual consistency and accessibility.

Quick Start

Import and apply the Lumen UI RN rules from RULES.md to start enforcing design consistency in new screens.

Frequently Asked Questions about ldls-native

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

FAQPage Schema
How do I enforce consistent UI design rules in React Native components?▼

To enforce consistent UI design rules in React Native, apply Lumen UI guidelines to maintain uniform typography, spacing, and color across screens. This reduces visual drift and ensures consistent component composition across modules.

What is the best way to prevent UI drift when prototyping new React Native screens?▼

Preventing UI drift when prototyping React Native screens requires a single source of truth for design decisions. Referencing Lumen UI rules ensures visual consistency and accessibility during layout decisions and component creation.

How do I apply Lumen UI tokens for typography and spacing in React Native?▼

Apply Lumen UI tokens for typography and spacing by importing and referencing the RN rules from RULES.md during feature development. This enforces design system requirements and ensures proper component composition per Lumen guidelines.

Does the Lumen design system work with existing React Native modules?▼

The Lumen design system works with existing React Native modules by applying standardized visual language rules. It codifies spacing, typography, color, and component usage to ensure uniform visuals across platforms and screens.

Why does my React Native screen layout have inconsistent visuals across platforms?▼

Inconsistent React Native visuals across platforms often occur without codified design rules. Applying Lumen UI guidelines during layout decisions and styling satisfies token requirements for color and typography, maintaining uniform visuals.

Related Skills

Explore More Design & Creative Skills→
CANTAGESTUDIOCANTAGESTUDIO
3

variant-consistency-checker

Validate UI component usage against design system specifications.

Community
Intermediate
brixtonphambrixtonpham

stitch

Generate UI screens and design assets from text prompts via Stitch MCP.

Community
Intermediate
791994545791994545
4

react-native-skills

Optimize React Native app performance with best practices for lists, animations, and navigation.

Community
Advanced
tillysosotillysoso

vercel-react-native-skills

Apply React Native and Expo performance best practices to optimize mobile apps.

Community
Advanced