# linear-ui-skills

Задаёт агенту жёсткие правила тёмного интерфейса: палитра, Inter, сетка 4px. Пригодится, когда верстаешь UI в стиле Linear и не хочешь каждый раз объяснять детали.

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

## Что делает

Скилл описывает дизайн-систему Linear как набор ограничений для ИИ-агента. Внутри — токены цветов с конкретными HEX, шкала типографики, правила отступов, радиусов и состояний. Агент читает это и применяет при генерации компонентов.

Основные требования: тёмный фон `#080A0A` для страницы, шрифт `Inter`, сетка 4px, контраст текста не ниже 4.5:1. Для заголовков заданы `60px` и вес `700`, для тела — `17px` и `400`. Радиусы только `6px` и `8px`, рамка `1px`. Фокус — обводка `2px` цветом `#5E6AD2` с отступом `2px`.

Есть отдельные блоки про анимацию и производительность: анимировать только `transform` и `opacity`, не дольше `200ms`, без `will-change` вне активной анимации. Скилл жёсткий — если у вас светлая тема или другой шрифт, он будет тянуть проект к тёмной палитре Linear. Это повод проверить, совпадает ли стиль с вашим брендом.

## Требования
- Работает с: Linear

## Установка

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

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

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

### Codex

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

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

### Cursor

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

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install ihlamury/design-skills linear
```

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

### Gemini CLI

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

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

### Windsurf (Devin Desktop)

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

### OpenCode

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

### Claude.ai

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

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

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

## Примеры запросов агенту
- Сделай страницу настроек в стиле Linear: тёмный фон, Inter, сетка 4px
- Собери карточку и модалку по токенам linear-ui-skills
- Перепиши этот компонент под правила linear-ui-skills, проверь контраст и фокус

## Похожие
- [orca-linear](https://affpapa.org/nevibecode/skills/orca-linear.md) — скилл · 29100 установок
- [linear-release-setup](https://affpapa.org/nevibecode/skills/linear-release-setup.md) — скилл · 15200 установок
- [linear-cli](https://affpapa.org/nevibecode/skills/linear-cli.md) — скилл · 14100 установок
- [linear-tickets](https://affpapa.org/nevibecode/skills/linear-tickets.md) — скилл · 4600 установок
- [Linear Automation](https://affpapa.org/nevibecode/skills/linear-automation.md) — скилл · 4600 установок
- [cyrus-setup-linear](https://affpapa.org/nevibecode/skills/cyrus-setup-linear.md) — скилл · 1100 установок

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

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

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