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

ldls-web

Validate lumen-ui-react component usage against LDLS rules in RULES.md.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

LDLS UI rules provide a standardized design framework for Ledger web apps, ensuring consistent look, feel, and behavior by aligning usage with the lumen-ui-react design system.

Core Features & Use Cases

  • Rule-based validation of UI components against the LDLS guidelines defined in lumen-ui-react.
  • Reference-driven guidance sourced from RULES.md to steer UI implementation and review workflows.
  • Use Case: a new dashboard screen is reviewed for proper component usage, spacing, typography, and token application to match the LDLS spec.

Quick Start

Run the LDLS web rule checker against your project to verify compliance with lumen-ui-react guidelines.

Frequently Asked Questions about ldls-web

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

FAQPage Schema
How do I validate UI components against a design system in React?▼

Validate React UI components by checking them against RULES.md definitions to ensure typography, spacing, tokens, and component usage follow the design system. This verifies lumen-ui-react compliance for consistent web app interfaces.

What is design system conformance checking for web dashboards?▼

Design system conformance checking identifies and validates UI rule compliance for web components. It aligns design files and code with lumen-ui-react guidelines to ensure consistent look, feel, and behavior across dashboards.

How do I enforce spacing and typography rules in Ledger web apps?▼

Enforce spacing and typography rules by applying LDLS UI rules across design files and code. This checks conformance to RULES.md definitions, ensuring lumen-ui-react components satisfy functional requirements.

Can I check design token application in my React components?▼

Yes, you can check design token application by running a rule checker against your project. It verifies that tokens, typography, and component usage match the LDLS spec for lumen-ui-react.

What is the best way to review a new dashboard screen for component usage?▼

Review a new dashboard screen by validating its UI components against LDLS guidelines. Check proper component usage, spacing, typography, and token application to match the lumen-ui-react design spec.

Why does my web app UI look inconsistent across different screens?▼

Inconsistent UI often stems from non-compliance with design system rules. Validating components against LDLS UI rules ensures standardized typography, spacing, and token usage, aligning web apps with lumen-ui-react.

Related Skills

Explore More Design & Creative Skills→
TheBushidoCollectiveTheBushidoCollective
187

react-native-web-styling

Provide styling patterns for React Native Web components using StyleSheet, theming, and responsive design.

Official
Intermediate
Yukine5377Yukine5377

ba-html-to-react-native-ds-code-gen

Convert HTML prototypes into React Native/Expo components with design tokens.

Community
Advanced
doanchienthangdevdoanchienthangdev
4

building-with-shadcn

Create accessible React UIs with shadcn/ui components and Radix primitives.

Community
Intermediate
t-stringst-strings

Global Validation

Enforce centralized validation standards across repository code and CI pipelines.

Official
Basic