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.