Generate WCAG 2.2 AA-compliant UI guidance for risograph-inspired component libraries.
npx skills add https://github.com/bergside/awesome-design-skills --skill riso
Please help me install this Agent Skill. Skill: riso Source: https://github.com/bergside/awesome-design-skills/tree/main/skills/riso Command: npx skills add https://github.com/bergside/awesome-design-skills --skill riso
It solves the problem of producing a consistent, implementation-ready UI style from a playful risograph aesthetic without sacrificing accessibility and interaction quality.
Use the riso skill to generate UI guidance for a design system component set that matches the risograph paper-pink-blue visual direction while meeting WCAG 2.2 AA and explicit interaction-state requirements.
High-intent search queries and answers about installing and using this skill.
Token-driven color, typography, and spacing foundations provide the warm paper-like surface, fluorescent pink, and deep federal blue scales needed to implement a consistent risograph design system across product UI surfaces.
You can guide component anatomy and state behavior by defining explicit rules for default, hover, focus-visible, active, disabled, loading, and error states, ensuring reliable engineering and design alignment for product UI surfaces.
No, this approach does not sacrifice accessibility; it enforces WCAG 2.2 AA compliance with keyboard-first behavior, visible focus states, and concrete do/don't anti-pattern rules while maintaining the playful risograph aesthetic.
You need explicit interaction states for UI components like buttons and inputs when building a component library that requires reliable engineering and design alignment through testable QA acceptance criteria and clear do/don't anti-pattern guidance.
mrodrigues1Define visual design systems using typography, color, spacing, and iconography.
superpollo02Define enterprise UI design guidelines with typography, color, and WCAG 2.2 AA accessibility rules.
superpollo02Generates high-contrast UI component guidance with expressive typography and token-based color systems.
bergsideGenerate implementation-ready design-system guidance for Lingo UI components with WCAG 2.2 AA constraints.
