# ui-craft-editorial

Скилл настраивает журнальную типографику для блогов, лонгридов и медиа. Он фиксирует параметры чтения, ограничивает палитру и запрещает продуктовые шрифты.

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

## Что делает

ui-craft-editorial переключает ИИ-агента в режим журнальной вёрстки. Типографика здесь важнее интерфейсных украшений. Скилл сразу фиксирует параметры: максимальное внимание к деталям, колонка текста в 65 знаков и минимум анимаций. Лишние вопросы отпадают. Нужно подтвердить только выбор акцента и шрифтовой пары.

Правила требуют использовать максимум два шрифтовых семейства. Для заголовков подойдут Playfair Display, Fraunces или Lora, а для основного текста — гуманистический шрифт вроде Alegreya. По умолчанию включаются буквицы, лигатуры, капитель для подписей автора и тёплый фон слоновой кости вместо чистого белого `#fff`. Ширина полосы ограничена `max-w-[65ch]`, а интерлиньяж держится на уровне 1.7.

Инструмент прямо запрещает шрифты Inter, Geist и DM Sans в основном тексте, потому что они превращают статью в админку сервиса. Из-за этого же под запрет попадают параллакс, карточные сетки для статей и цветные плашки у цитат. Чтению ничто не должно мешать.

## Установка

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

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

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add educlopez/ui-craft --skill ui-craft-editorial -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add educlopez/ui-craft --skill ui-craft-editorial -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install educlopez/ui-craft ui-craft-editorial
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add educlopez/ui-craft --skill ui-craft-editorial -a gemini-cli
```

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

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add educlopez/ui-craft --skill ui-craft-editorial -a opencode
```

### Claude.ai

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

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

## Когда брать
- оформить лонгрид или блог в духе Medium и Substack
- настроить книжную типографику с буквицами и гарнитурами с засечками
- зафиксировать ширину колонки чтения до 65 символов
- убрать лишнюю интерфейсную анимацию, мешающую чтению текста

## Примеры запросов агенту
- build страницу лонгрида с крупной буквицей и колонкой max-w-[65ch]
- review вёрстку блога на соответствие правилам журнальной типографики
- polish блок статьи: добавь OpenType-лигатуры и настрой отступы абзацев

## Похожие
- [editorial-tech](https://affpapa.org/nevibecode/skills/editorial-tech.md) — скилл · 1500 установок
- [editorial-portfolio-chapters](https://affpapa.org/nevibecode/skills/editorial-portfolio-chapters.md) — скилл · 1400 установок
- [editorial](https://affpapa.org/nevibecode/skills/editorial.md) — скилл · 2700 установок
- [terracotta](https://affpapa.org/nevibecode/skills/terracotta.md) — скилл · 2200 установок
- [web-typography](https://affpapa.org/nevibecode/skills/web-typography.md) — скилл · 9200 установок
- [after-hours-editorial-template](https://affpapa.org/nevibecode/skills/after-hours-editorial-template.md) — скилл · 2800 установок

Из того же набора: [educlopez/ui-craft](https://affpapa.org/nevibecode/by/educlopez/ui-craft.md) — 13 карточек

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

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