enterprise

Define enterprise design-system rules for accessible drag-and-drop data workflows.

2.3k|211|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/bergside/awesome-design-skills --skill enterprise-bergside
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: enterprise
Source: https://github.com/bergside/awesome-design-skills/tree/main/skills/enterprise
Command: npx skills add https://github.com/bergside/awesome-design-skills --skill enterprise-bergside

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams define consistent, accessible enterprise UI guidance for data-heavy workflows so implementations stay coherent and trustworthy.

Core Features & Use Cases

  • Tokenized enterprise foundations: establishes high-contrast colors, typography (Ubuntu/Oswald/Ubuntu Mono), spacing, and rounded corners for repeatable UI structure.
  • Component-level rule authoring: specifies what engineers must implement across anatomy, variants, interaction states (default/hover/focus-visible/active/disabled/loading/error), and responsive/edge-case behavior.
  • Accessible writing and quality gates: enforces WCAG 2.2 AA, keyboard-first interactions, explicit focus states, and testable acceptance criteria with do/don’t anti-patterns.
  • Use case: apply this guidance when building an enterprise drag-and-drop data workflow (e.g., a dashboard or pipeline editor) where users must clearly understand hierarchy, actions, and system status.

Quick Start

Ask an AI agent to generate implementation-ready Enterprise design-system rules for a drag-and-drop data workflow UI, including tokens usage, component anatomy, accessibility acceptance criteria, 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 design accessible enterprise UI for data-heavy workflows?

Accessible enterprise UI for data-heavy workflows requires tokenized foundations for color and typography, component-level rules for interaction states, and WCAG 2.2 AA compliance. This guidance enforces high-contrast visuals, keyboard-first interactions, and testable acceptance criteria.

What are enterprise design tokens and how do they structure UI components?

Enterprise design tokens are explicit constraints that define repeatable UI structure through high-contrast colors, typography like Ubuntu and Ubuntu Mono, spacing, and rounded corners. They establish consistent visual foundations for data-driven administrative interfaces.

How do I define interaction states for a drag-and-drop data workflow dashboard?

Defining drag-and-drop interaction states requires specifying component anatomy and variants across default, hover, focus-visible, active, disabled, loading, and error states. Explicit focus states and keyboard-first interactions ensure users clearly understand hierarchy and system status.

Can I use this approach to generate WCAG 2.2 AA acceptance criteria for design systems?

Yes, you can generate testable WCAG 2.2 AA acceptance criteria for design systems using do/don't anti-patterns and QA checklists. This approach enforces keyboard-first interaction requirements and explicit focus states for administrative and automation-focused interfaces.

What is the best way to ensure consistency in enterprise data-driven interfaces?

The best way to ensure consistency in enterprise data-driven interfaces is applying tokenized design-system guidance with explicit constraints for typography, color, spacing, and responsive behavior. This includes component-level rule authoring with testable quality gates.

Why does my enterprise UI design system need explicit token-based constraints?

Your enterprise UI design system needs explicit token-based constraints to maintain coherent, trustworthy implementations across data-heavy workflows. Without tokenized foundations for spacing, typography, and color, implementations lose consistency and accessibility compliance.