skills.rest
ihlamury
ihlamuryCOMMUNITY
Explore all skills by this author →
𝕏@yagizihlamurGitHub

launchdarkly-ui-skills

Enforce Launchdarkly's UI design system with dark mode, Inter font, and 4px grid.

73|9|Updated Jan 25, 2026
Search Tags:#typography#design system#color palette#ui design#front-end development#dark mode#launchdarkly
One-click install
npx skills add https://github.com/ihlamury/design-skills --skill launchdarkly-ui-skills
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: launchdarkly-ui-skills
Source: https://github.com/ihlamury/design-skills/tree/main/skills/launchdarkly
Command: npx skills add https://github.com/ihlamury/design-skills --skill launchdarkly-ui-skills

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides opinionated constraints for building interfaces that are visually consistent with Launchdarkly's aesthetic, ensuring a familiar and high-quality user experience.

Core Features & Use Cases

  • Dark Mode Implementation: Enforces dark backgrounds and specific color palettes suitable for dark themes.
  • Consistent Design Language: Utilizes Launchdarkly's preferred font (Inter), spacing grid (4px), and typography scale.
  • Use Case: When developing a new feature within a platform that already uses Launchdarkly for feature flagging, this Skill ensures the new UI components seamlessly match the existing design system.

Quick Start

Apply Launchdarkly's UI design system to a new dashboard component.

Frequently Asked Questions about launchdarkly-ui-skills

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

FAQPage Schema
How do I build a UI that matches LaunchDarkly's design system?▼

A LaunchDarkly-inspired UI requires specific color tokens, Inter typography, and a 4px spacing grid. This approach ensures visual consistency and familiar user experience across newly developed platform features.

What are the typography and spacing rules for dark mode UI design?▼

Dark mode UI design rules involve using the Inter font scale and a strict 4px grid for spacing. This system defines specific color tokens and layout constraints to maintain aesthetic consistency in dark themes.

Can I use this UI design system for new dashboard components?▼

Yes, you can apply this UI design system to new dashboard components. It provides opinionated constraints for dark backgrounds, typography styles, and spacing rules to ensure components seamlessly match the existing platform.

Does this design system include accessibility standards for text contrast?▼

Yes, the design system adheres to accessibility standards for text contrast and interactive states. It enforces specific color palettes suitable for dark themes to maintain high-quality, accessible user experiences.

What is the best way to ensure visual consistency when developing feature flagging interfaces?▼

The best way to ensure visual consistency in feature flagging interfaces is to enforce a design language with specific color tokens, typography styles, and layout constraints, adhering to a 4px grid and dark mode.

Related Skills

Explore More Design & Creative Skills→
ihlamuryihlamury
73

gusto-ui-skills

Enforce Gusto's UI design system constraints for light-mode interfaces.

Community
Intermediate
ihlamuryihlamury
73

substack-ui-skills

Enforce Substack-inspired UI constraints with light mode, Inter font, and a 4px grid.

Community
Intermediate
ArogyaReddyArogyaReddy

visual-design-foundations

Define typography, color, spacing, and iconography design tokens for web and mobile UI.

Community
Advanced
ihlamuryihlamury
73

framer-ui-skills

Enforce Framer design constraints for dark mode interfaces with Inter font and 4px grid.

Community
Intermediate