Generate implementation-ready design system instructions with WCAG 2.2 AA accessibility criteria.
npx skills add https://github.com/PiercingXX/xx-stack --skill artistic
Please help me install this Agent Skill. Skill: artistic Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/design-skills/artistic Command: npx skills add https://github.com/PiercingXX/xx-stack --skill artistic
It turns an Artistic design system vision into clear, implementation-ready rules so teams can build consistently styled, high-contrast interfaces with trustworthy accessibility.
Use the Artistic skill to generate component-level design guidance that follows its style foundations and includes testable accessibility acceptance criteria.
High-intent search queries and answers about installing and using this skill.
Accessible UI component guidelines define visual foundations, keyboard/pointer/touch state behaviors, and testable accessibility criteria aligned to WCAG 2.2 AA. This standardizes high-contrast interface rules into implementation-ready design system instructions for engineers.
Standardizing color tokens and interaction states requires defining token-driven theming rules, component anatomy, and responsive edge-case handling. This produces practical do/don't rules and QA checklists that prevent UI quality drift across design and engineering workflows.
Design system documentation prevents anti-patterns by including opinionated do/don't rules, prohibited implementations, and a QA checklist. This turns artistic interface vision into clear rules so teams build consistently styled, high-contrast interfaces with trustworthy accessibility.
Token-driven theming can specify reduced-motion support and visible focus states by defining accessibility-first specifications. It establishes semantic-first content requirements, keyboard-first behaviors, and testable touch targets within component-level design guidance.
This design system approach handles responsive edge cases and touch target specifications by defining visual foundations and interaction-state behaviors. It produces testable accessibility criteria covering keyboard, pointer, and touch states aligned to WCAG 2.2 AA standards.
rakibulismDesign or audit design token systems with primitive, semantic, and component layers.
bergsideConvert Claude editorial design language into implementation-ready design-system instructions.
bergsideDefine WCAG 2.2 AA-aligned design tokens and UI guidance for product interfaces.
PiercingXXConvert Simple design tokens into component and accessibility rules.
