riso

Define and enforce risograph-inspired design tokens and component rules for UI consistency.

Updated Jul 9, 2026
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill riso-ashesoftheundead
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: riso
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-systems/style-skills/riso
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill riso-ashesoftheundead

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of maintaining visual consistency in design systems by providing a structured, opinionated framework for a risograph-inspired aesthetic.

Core Features & Use Cases

  • Design Token Management: Centralizes color, typography, and spacing tokens to ensure brand alignment.
  • Implementation Guidance: Provides clear rules for component anatomy, states, and accessibility requirements.
  • Use Case: Use this Skill to generate design-system documentation or UI component specifications that adhere to the Riso brand identity, ensuring all elements maintain the signature high-contrast, two-color look.

Quick Start

Use the riso skill to generate a set of design guidelines for a new navigation component that follows the established color and typography tokens.

Frequently Asked Questions about riso

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

FAQPage Schema
How do I apply a risograph aesthetic to a UI design system?

A risograph design system aesthetic uses semantic color and typography tokens to enforce a high-contrast, two-color look. It provides specific constraints for component anatomy and spacing to maintain visual consistency across UI interfaces.

How do I manage color tokens for a two-color risograph UI?

Manage color tokens for a two-color risograph UI by centralizing them within a structured framework. This enforces the specific palette constraints and ensures the signature high-contrast visual look across all components.

Does this risograph design system framework ensure accessibility compliance?

Yes, this risograph design system framework ensures accessibility compliance. It standardizes visual hierarchy through semantic tokens and provides specific component-level rules to guarantee that the two-color aesthetic remains accessible.

Can I generate UI component specifications that follow risograph typography rules?

Yes, you can generate UI component specifications that follow risograph typography rules. The framework provides implementation guidance and standardized authoring workflows to define component anatomy, states, and spacing constraints.

What is the best way to maintain visual consistency in a two-color design system?

The best way to maintain visual consistency in a two-color design system is to use an opinionated framework with centralized design tokens. This standardizes typography, color palettes, and spacing rules for all UI components.

When do I need to use semantic tokens for risograph UI design?

You need to use semantic tokens for risograph UI design when creating consistent interfaces that require strict brand alignment. They centralize color and typography constraints to enforce the signature aesthetic across components.