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

cafe

Generate component specifications using cafe design system tokens and WCAG 2.2 AA standards.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a standardized, cozy, and professional design system that eliminates visual inconsistency and speeds up the creation of relaxed, user-friendly interfaces.

Core Features & Use Cases

  • Design Foundations: Includes a complete set of color tokens, typography scales, and spacing rules based on the Poppins and JetBrains Mono fonts.
  • Component Guidance: Offers structured rules for component anatomy, states, and accessibility to ensure a cohesive look and feel.
  • Use Case: Use this system to build a consistent, warm-toned admin panel or game hub that prioritizes readability and a relaxed user experience.

Quick Start

Apply the cafe design system guidelines to the current project by generating a component specification for a new navigation menu.

Frequently Asked Questions about cafe

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

FAQPage Schema
What is a cozy UI design system and when do I need one?▼

A cozy UI design system provides visual tokens, typography, and component behaviors for relaxed, cafe-inspired interfaces. It eliminates visual inconsistency and ensures a clean, minimal aesthetic for user-friendly digital products.

How do I ensure my frontend design system meets WCAG 2.2 AA accessibility standards?▼

Ensure your frontend design system meets WCAG 2.2 AA accessibility by applying structured component anatomy, states, and accessibility rules. This framework enforces standards through defined design foundations and consistent visual tokens.

Can I use Poppins and JetBrains Mono fonts to build a warm-toned admin panel?▼

Yes, you can build a warm-toned admin panel using Poppins and JetBrains Mono fonts. This design system includes a complete typography scale and spacing rules based on these fonts to maintain readability and a relaxed aesthetic.

What's the best way to generate a component specification for a navigation menu?▼

The best way to generate a component specification for a navigation menu is to apply a structured design system framework. This provides the necessary component anatomy, states, and accessibility rules to ensure a cohesive look and feel.

Does this cafe-inspired design system work for a game hub frontend?▼

Yes, this cafe-inspired design system works for a game hub frontend. It provides the visual tokens and component guidance needed to build a consistent, warm-toned interface that prioritizes readability and a relaxed user experience.

Why does my UI design lack visual consistency across different components?▼

Your UI design lacks visual consistency because it is missing a standardized set of visual tokens and component rules. Implementing a comprehensive design system framework ensures cohesive component anatomy, states, and accessibility across your product.

Related Skills

Explore More Design & Creative Skills→
PiercingXXPiercingXX
1

retro

Generate Retro design-system guidelines with tokens, interaction states, and accessibility criteria.

Community
Intermediate
costa-marcellocosta-marcello
2

frontend-design

Guide frontend UI design with typography, color, and accessibility standards.

Community
Advanced
apexradiusapexradius

a11y-check

Audit web content accessibility against WCAG 2.2 AA standards.

Official
Advanced
guideopsguideops

mono

Generate typography, color, and spacing guidelines for the mono design system.

Community
Intermediate