# wordpress-block-editor-fse

Настраивает правила разработки блочных тем WordPress 6.7+ и FSE. Помогает собирать шаблоны в HTML, настраивать theme.json v3 и писать кастомные блоки с render.php.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 461 установка · ★ 78
- Автор: Claude MPM Team
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/bobmatnyc/claude-mpm-skills/tree/HEAD/toolchains/php/frameworks/wordpress/wordpress-block-editor-fse/SKILL.md
- Обновлён: 2026-07-18
- HTML: https://affpapa.org/nevibecode/skills/wordpress-block-editor-fse

## Что делает

Скилл снабжает агента инструкциями по современной вёрстке тем и блоков для WordPress 6.7+. Он задаёт переход от классического PHP-кода к блочной архитектуре Full Site Editing: разметка страниц переносится в файлы HTML вроде `index.html` и `single.html`, а глобальные стили и токены дизайна определяются через `theme.json` третьей версии.

Внутри описаны структура файлов темы, генерация CSS-переменных, адаптивная типографика с функцией `clamp()` и разделение компонентов на шаблоны и части шаблонов вроде `header.html`. Для динамических блоков скилл предлагает связку `block.json` и серверного рендера через `render.php`.

Если проекту требуется тяжёлая серверная логика на чистом PHP или команда не работает с блоками Gutenberg, блочная архитектура FSE создаст лишние сложности. Для минимальной рабочей темы обязательно требуются файлы `style.css`, `theme.json` и запасной шаблон `templates/index.html`.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add bobmatnyc/claude-mpm-skills --skill wordpress-block-editor-fse -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add bobmatnyc/claude-mpm-skills --skill wordpress-block-editor-fse -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add bobmatnyc/claude-mpm-skills --skill wordpress-block-editor-fse -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install bobmatnyc/claude-mpm-skills wordpress-block-editor-fse
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add bobmatnyc/claude-mpm-skills --skill wordpress-block-editor-fse -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/bobmatnyc/claude-mpm-skills --path toolchains/php/frameworks/wordpress/wordpress-block-editor-fse
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add bobmatnyc/claude-mpm-skills --skill wordpress-block-editor-fse -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/bobmatnyc/claude-mpm-skills/tree/HEAD/toolchains/php/frameworks/wordpress/wordpress-block-editor-fse/SKILL.md

## Когда брать
- настроить глобальные токены цветов и отступов через `theme.json` v3
- собрать HTML-шаблоны страниц и части шаблона для Full Site Editing
- создать кастомный блок с манифестом `block.json` и рендером `render.php`
- включить адаптивную типографику с автоматическим расчётом через `clamp()`

## Примеры запросов агенту
- Создай `theme.json` версии 3 с палитрой цветов и адаптивными размерами шрифтов
- Собери структуру блочной темы с шаблоном `single.html` и шапкой в `parts/header.html`
- Напиши манифест `block.json` и файл `render.php` для кастомного блока

## Похожие
- [wp-block-themes](https://affpapa.org/nevibecode/skills/wp-block-themes.md) — скилл · 5800 установок
- [wp-block-development](https://affpapa.org/nevibecode/skills/wp-block-development.md) — скилл · 5500 установок
- [wordpress-pro](https://affpapa.org/nevibecode/skills/wordpress-pro.md) — скилл · 9700 установок
- [wordpress-master](https://affpapa.org/nevibecode/agents/wordpress-master.md) — субагент · 763 установки
- [wordpress-plugin-to-emdash](https://affpapa.org/nevibecode/skills/wordpress-plugin-to-emdash.md) — скилл · 688 установок
- [wordpress-theme-to-emdash](https://affpapa.org/nevibecode/skills/wordpress-theme-to-emdash.md) — скилл · 691 установка

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

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

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