skills.rest
AshesOfTheUndead
AshesOfTheUndeadCOMMUNITY
Explore all skills by this author →
GitHub

lingo

Standardize design system implementation with semantic tokens and WCAG 2.2 AA compliance rules.

Updated Jul 9, 2026
Search Tags:#branding#accessibility#design system#ui design#tokens#ux
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill lingo-ashesoftheundead
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lingo
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-systems/style-skills/lingo
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill lingo-ashesoftheundead

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of maintaining visual consistency and accessibility in user interfaces by providing a structured, token-based design framework that balances playfulness with professional clarity.

Core Features & Use Cases

  • Design Token Management: Standardizes colors, typography, and spacing to ensure a cohesive brand identity across all components.
  • Accessibility-First Guidance: Provides actionable rules for WCAG 2.2 AA compliance, ensuring interfaces are usable by everyone.
  • Use Case: When building a new dashboard, use this Skill to define the primary color palette and spacing scale, then generate component-level rules for buttons and inputs that match the Lingo aesthetic.

Quick Start

Use the lingo skill to generate a set of design guidelines and a QA checklist for a new navigation sidebar component.

Frequently Asked Questions about lingo

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

FAQPage Schema
How do I create an accessible UI design system that meets WCAG 2.2 AA standards?▼

Accessible UI design systems require structured, semantic tokens for color and typography. This skill enforces WCAG 2.2 AA compliance by providing actionable rules for interaction states and visual hierarchy.

What is the best way to manage design tokens for a consistent brand identity?▼

Managing design tokens involves standardizing color, typography, and spacing foundations. This skill generates token-based guidelines to ensure a cohesive brand identity across all interface components.

How do I build a UI dashboard with a playful yet professional visual hierarchy?▼

Building a playful dashboard requires balancing minimal aesthetics with clear visual hierarchy. This skill applies semantic token rules to generate component-level guidelines for buttons and inputs.

Can I use semantic tokens to generate accessibility-focused component rules?▼

Yes, semantic tokens can drive accessibility-focused component rules. This skill standardizes design tokens to output actionable guidance for consistent UI component interaction states.

Does standardizing spacing and typography foundations ensure interface consistency?▼

Standardizing spacing and typography foundations directly ensures interface consistency. This skill requires adherence to defined visual foundations to maintain professional clarity across components.

How do I generate a QA checklist for a new navigation sidebar component?▼

Generating a QA checklist for a navigation sidebar requires defined design system rules. This skill outputs structured guidelines and accessibility checks for new UI component development.

Related Skills

Explore More Design & Creative Skills→
hiimtrunghiimtrung
4

ckm:design-system

Implement a three-layer token architecture with semantic tokens and CSS variables.

Community
Advanced
i3ringiti3ringit
3

figma-design-sync

Detect and fix visual differences between Figma designs and web implementations.

Community
Advanced
veerababumanyamveerababumanyam

frontend-design

Generate production-grade frontend interfaces with design-system tokens and reusable components.

Community
Basic
PiercingXXPiercingXX
1

cafe

Generate Cafe design-system guidance with tokens, states, and WCAG 2.2 AA criteria.

Community
Advanced