# enterprise

Скилл задаёт правила тёмной дизайн-системы для дашбордов: сетки, стеклянные панели, токены и доступность. Пригодится, когда агент верстает интерфейс для работы с данными.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 2500 установок · ★ 3349
- Автор: typeui.sh
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/bergside/awesome-design-skills/tree/HEAD/skills/enterprise/SKILL.md
- Обновлён: 2026-06-28
- HTML: https://affpapa.org/nevibecode/skills/enterprise

## Что делает

Скилл превращает агента в автора гайдлайнов по дизайн-системе Enterprise. Он описывает фундамент: типографическую шкалу 12/14/16/20/24/32, шрифт IBM Plex Sans, палитру с токенами (primary `#0C5CAB`, surface `#09090b`, text `#fafafa`) и шаг сетки 8pt. Дальше идут правила по компонентам: состояния default, hover, focus-visible, active, disabled, loading, error, поведение при клавиатуре, указателе и касании.

Работа устроена как регламент. Агент сначала формулирует замысел одной фразой, потом задаёт токены и ограничения, только затем переходит к анатомии компонентов. Каждое правило привязано к токену, порогу или примеру, а не к расплывчатым прилагательным. Доступность заявлена на уровне WCAG 2.2 AA: видимый фокус, семантический HTML до ARIA, цели нажатия от 44px, поддержка reduced-motion.

Есть и обратная сторона: скилл требует дисциплины. Если в проекте уже своя палитра и шкала отступов, гайдлайны Enterprise начнут с ней спорить, потому что система настаивает на едином наборе токенов и запрещает смешивать визуальные метафоры. Для точечной правки одной кнопки это лишний слой.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add bergside/awesome-design-skills --skill enterprise -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/enterprise/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/enterprise/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add bergside/awesome-design-skills --skill enterprise -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/enterprise/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add bergside/awesome-design-skills --skill enterprise -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/enterprise/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install bergside/awesome-design-skills enterprise
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/enterprise/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add bergside/awesome-design-skills --skill enterprise -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/bergside/awesome-design-skills --path skills/enterprise
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/enterprise/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add bergside/awesome-design-skills --skill enterprise -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/bergside/awesome-design-skills/tree/HEAD/skills/enterprise/SKILL.md

## Когда брать
- задать токены и шкалу отступов для тёмного дашборда
- описать состояния компонента до начала вёрстки
- проверить доступность интерфейса по чек-листу
- свести разрозненные экраны к одной дизайн-системе
- добавить критерии приёмки в код-ревью

## Примеры запросов агенту
- Опиши дизайн-систему для дашборда мониторинга по скиллу enterprise
- Проверь мои компоненты на соответствие правилам enterprise и допиши чек-лист QA
- Собери гайдлайн по токенам и состояниям для таблицы с логами

## Похожие
- [blue-laser-clean-glass-layout](https://affpapa.org/nevibecode/skills/blue-laser-clean-glass-layout.md) — скилл · 1400 установок
- [ui-ux-design-pro](https://affpapa.org/nevibecode/skills/ui-ux-design-pro.md) — скилл · 797 установок
- [dark-blue-contrasting-clean](https://affpapa.org/nevibecode/skills/dark-blue-contrasting-clean.md) — скилл · 1400 установок
- [better-interface](https://affpapa.org/nevibecode/skills/better-interface.md) — скилл · 30000 установок
- [shadcn-ui](https://affpapa.org/nevibecode/skills/nexu-io-shadcn-ui.md) — скилл · 2900 установок
- [color-system](https://affpapa.org/nevibecode/skills/color-system.md) — скилл · 2500 установок

Из того же набора: [bergside/awesome-design-skills](https://affpapa.org/nevibecode/by/bergside/awesome-design-skills.md) — 67 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md