enterprise

Generate enterprise design-system guidance with WCAG 2.2 AA acceptance criteria.

1|Updated Jul 9, 2026
One-click install
npx skills add https://github.com/PiercingXX/xx-stack --skill enterprise-piercingxx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: enterprise
Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/design-skills/enterprise
Command: npx skills add https://github.com/PiercingXX/xx-stack --skill enterprise-piercingxx

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It turns enterprise visual and interaction standards into consistent, implementation-ready design-system guidance that teams can apply without guesswork.

Core Features & Use Cases

  • Enterprise style foundations: Defines typography, color tokens, and spacing rules using a high-contrast, desktop-first approach.
  • Component-level governance: Specifies required UI states (default, hover, focus-visible, active, disabled, loading, error when relevant) and interaction behavior for keyboard, pointer, and touch.
  • Accessibility-first writing and QA: Enforces WCAG 2.2 AA, testable acceptance criteria, content tone standards, anti-patterns, and a code-review QA checklist.

Quick Start

Ask the AI to generate Enterprise design-system guidance for a specific component (for example, a drag-and-drop “Kanban card”) that includes tokens, states, accessibility acceptance criteria, anti-patterns, and a QA checklist.

Frequently Asked Questions about enterprise

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

FAQPage Schema
How do I create enterprise design system rules for data-driven UI components?

To create enterprise design system rules for data-driven UI, define typography, color tokens, and spacing rules using a desktop-first approach. Then specify required UI states, interaction behaviors, and testable WCAG 2.2 AA acceptance criteria for product teams.

What is the best way to document component anatomy and interaction states for accessibility?

Documenting component anatomy and interaction states for accessibility requires explicit token-anchored do/don't rules. You must define default, hover, focus-visible, active, disabled, loading, and error states while enforcing WCAG 2.2 AA standards and anti-patterns.

Can I generate testable WCAG 2.2 AA acceptance criteria for drag-and-drop UI patterns?

Yes, you can generate testable WCAG 2.2 AA acceptance criteria for drag-and-drop UI patterns. The output includes structured layout rules, keyboard and pointer interaction behaviors, and an executable QA checklist to ensure consistent implementation.

Does this approach support defining design tokens for desktop-first enterprise applications?

Yes, this approach supports defining design tokens for desktop-first enterprise applications. It generates high-contrast typography, color, and spacing rules that serve as foundational style guides for consistent data-driven interface development.

Why do I need explicit token-anchored do and don't rules in a design system?

Explicit token-anchored do and don't rules are needed in a design system to turn enterprise visual standards into implementation-ready guidance. This prevents guesswork by enforcing consistent component behavior, content tone standards, and anti-pattern avoidance.

When do I need an executable QA checklist for enterprise component documentation?

You need an executable QA checklist for enterprise component documentation when handing off design system guidance to product teams. It ensures code review compliance with accessibility standards, interaction states, and token definitions before implementation.