Generate Cafe design-system guidance with tokens, states, and WCAG 2.2 AA criteria.
npx skills add https://github.com/PiercingXX/xx-stack --skill cafe
Please help me install this Agent Skill. Skill: cafe Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/design-skills/cafe Command: npx skills add https://github.com/PiercingXX/xx-stack --skill cafe
It solves inconsistent UI styling by giving engineers and designers a single, implementation-ready Cafe design-system specification for building cohesive, readable interfaces.
Ask the AI to generate Cafe design-system guidance for your target UI components using the Cafe foundations, required states, accessibility acceptance criteria, and a code-review QA checklist.
High-intent search queries and answers about installing and using this skill.
A cafe-inspired design system provides warm color palette tokens, Poppins and JetBrains Mono typography, and spacing rhythm to build cohesive, readable, and accessible interface components.
To ensure your design system meets WCAG 2.2 AA standards, define keyboard-first interaction expectations, mandate visible focus states, and establish testable acceptance criteria to prevent low-contrast or vague interactions.
A design system specification should cover default, hover, focus-visible, active, disabled, loading, and error states, including responsive edge cases like long labels and empty states to ensure consistent component behavior.
Yes, you can use token-based rules to standardize product interfaces by anchoring typography, spacing, and color palette to explicit token values, ensuring consistent and readable UI styling across all components.
The best way to prevent low-contrast interactions is to include an anti-pattern QA checklist within your design system guidance, enforcing testable accessibility rules and visible focus states during code review.
superpollo02Standardize cafe-inspired UI components with token-based styling and WCAG 2.2 AA accessibility.
Mischio95Define Tailwind CSS design tokens as CSS variables with shadcn/ui wrappers.
PiercingXXGenerate tokenized design-system guidance for luxury dark UI components.
bergsideGenerates WCAG 2.2 AA compliant cafe-themed UI component libraries with token-based styling.
