skills.rest
andebet07-oss
andebet07-ossCOMMUNITY
Explore all skills by this author →
GitHub

memoria-design-system

Standardize Memoria UI with tokens, typography, color, and component patterns.

Updated Apr 3, 2026
Search Tags:#typography#accessibility#tokens#color#design-system#rtl#memoria
One-click install
npx skills add https://github.com/andebet07-oss/MemoriaShare_C --skill memoria-design-system
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: memoria-design-system
Source: https://github.com/andebet07-oss/MemoriaShare_C/tree/main/cowork%20context/memoria-design-system
Command: npx skills add https://github.com/andebet07-oss/MemoriaShare_C --skill memoria-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Memoria's design system standardizes brand visuals across MemoriaShare and MemoriaMagnet, consolidating tokens, typography, color, and components to ensure consistent, premium UI.

Core Features & Use Cases

  • Tokens & Typography: defines color palettes, fonts, spacing, and type scale to maintain a cohesive look.
  • Component Patterns & Anti-Patterns: provides reusable UI patterns and clear guidelines on what to avoid to preserve the brand.
  • Brand Guidelines for RTL: includes Hebrew typography rules and RTL layout considerations for global audiences.

Quick Start

Review the Memoria design system before starting any UI work to ensure brand-consistent typography, color, and components.

Frequently Asked Questions about memoria-design-system

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

FAQPage Schema
How do I standardize UI tokens and typography for a dark luxury design system?▼

Standardize dark luxury UI tokens and typography by defining reusable color palettes, font scales, and spacing rules. This system provides pre-defined tokens and type scales to maintain cohesive branding across application interfaces.

What are the best practices for building accessible RTL layouts with Hebrew typography?▼

Accessible RTL layouts require specific Hebrew typography rules and mirrored spacing tokens. This design system includes built-in RTL considerations and Hebrew text guidelines to ensure proper readability and layout alignment for global audiences.

How do I create reusable component patterns while avoiding common design system anti-patterns?▼

Create reusable component patterns by establishing clear usage guidelines alongside explicit anti-patterns. This system defines standard UI interactions and highlights what to avoid, ensuring developers maintain brand consistency and accessibility.

Can I use design tokens to maintain consistent color and spacing across multiple applications?▼

Yes, design tokens maintain consistent color and spacing across multiple applications. This system standardizes visual language across MemoriaShare and MemoriaMagnet, applying shared tokens to ensure a unified premium aesthetic.

Does this dark luxury editorial aesthetic include accessibility guidelines for color contrast?▼

The dark luxury editorial aesthetic includes accessibility considerations through standardized color palettes and contrast tokens. These rules ensure that UI components meet accessibility standards while preserving the premium visual identity.

Related Skills

Explore More Design & Creative Skills→
qazuorqazuor

frontend-design

Guide UI teams through pre-coding design foundations for typography, color, and layout.

Community
Basic
noin-ainoin-ai

design

Generate UI design specs with responsive and dark mode variants.

Official
Intermediate
Qmop1967Qmop1967

tsh-component

Standardize React UI components with shadcn/ui, dark mode, and RTL support.

Community
Intermediate
ArieGoldkinArieGoldkin
10

design-system-starter

Generate design tokens, React component templates, and WCAG 2.1 accessibility documentation.

Community
Advanced