Generate tokenized design-system guidance for luxury dark UI components.
npx skills add https://github.com/PiercingXX/xx-stack --skill luxury-piercingxx
Please help me install this Agent Skill. Skill: luxury Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/design-skills/luxury Command: npx skills add https://github.com/PiercingXX/xx-stack --skill luxury-piercingxx
It turns luxury brand aesthetics into consistent, implementation-ready UI rules so teams can build premium dark interfaces without guesswork or inconsistency.
Use the luxury design skill to generate component-level, token-driven guidance for a premium dark UI that includes required states and testable accessibility acceptance criteria.
High-intent search queries and answers about installing and using this skill.
A token-based design system for premium dark interfaces provides structured rules covering component anatomy, variants, and interaction states. It eliminates guesswork by enforcing opinionated monochrome palettes, typographic hierarchy, and 8pt baseline spacing for consistent implementation.
Dark theme component states require testable accessibility acceptance criteria for focus, contrast, touch target size, and semantic structure. Enforcing these quality gates prevents premium UIs that look right visually but fail usability compliance.
Define component variants using token-based styling by mapping typography, color, and spacing tokens to component anatomy and interaction states. This method ensures variant rules remain reviewable and aligned with the foundational design system.
When designing premium product interfaces, avoid anti-patterns that bypass token-based styling or fail accessibility constraints. Explicit component rules and QA checklists help identify and prevent structural inconsistencies in luxury dark UIs.
Yes, this design system guidance applies to luxury brand landing pages and related components like hero sections, buttons, navigation, and forms. It generates token-aligned rules and states for consistent premium dark UI implementation.
jhouserProvide frontend development guidelines for React/TypeScript applications using Suspense, TanStack Query, and Tailwind CSS.
bergsideDefine tokenized typography, color, and spacing foundations for print-inspired interfaces.
otto-poblyshConvert UI styling into Tailwind CSS v4 design tokens and component variants.
bergsideGenerate exhibit-style UI component guidelines with token-driven styling and WCAG 2.2 AA accessibility.
