Convert Simple design tokens into component and accessibility rules.
npx skills add https://github.com/PiercingXX/xx-stack --skill simple-piercingxx
Please help me install this Agent Skill. Skill: simple Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/design-skills/simple Command: npx skills add https://github.com/PiercingXX/xx-stack --skill simple-piercingxx
This Skill turns Simple design-system tokens and intent into consistent, engineer-ready UI guidance that reduces guesswork and visual drift across teams.
Use the design-system guidance to author Simple-specific component rules for a new UI module in your app.
High-intent search queries and answers about installing and using this skill.
Design tokens are converted into implementation-ready rules by mapping visual foundations like primary #3B82F6 and surface #FFFFFF into explicit component anatomy, variant specifications, and required interaction states.
A token-first design system mandates explicit states, testable acceptance criteria, and anti-patterns before UI development. You need it to standardize styling and reduce visual drift across product teams adopting the same visual foundations.
Enforce accessibility rules in a UI component library by applying WCAG-aligned keyboard-first interaction guidance and attaching a QA checklist that validates focus-visible, active, and disabled states during code review.
Yes, this design system guidance specifies component states for QA testing by mandating default, hover, focus-visible, active, and disabled states, alongside loading and error states where relevant, to satisfy testable acceptance criteria.
The best way to prevent visual drift across teams is to establish token-driven foundations that convert design intent into consistent, engineer-ready UI guidance with a standardized code-review QA checklist.
johnlindquistManage design tokens and export them to CSS, JSON, and Tailwind config.
PiercingXXGenerate enterprise design-system guidance with WCAG 2.2 AA acceptance criteria.
PiercingXXGenerate Neon design-system guidelines with semantic tokens and accessibility criteria.
act70255Validate UI components for visual consistency, design system compliance, and accessibility.
