Он помогает Claude генерировать HTML-песочницы: это отдельные HTML-файлы, которые позволяют визуализировать задачу вместе с Claude, интерактивно с ней поработать и получить выходной промпт, который потом можно вставить обратно в Claude Code.
Я заметил, что это отлично заходит для взаимодействий с моделью там, где текстовый формат не очень подходит, например чтобы:
- визуализировать архитектуру кодовой базы
- подогнать дизайн компонента
- провести брейншторм по лейауту и дизайну
- подкрутить баланс игры
Чтобы начать, установите плагин в Claude Code, выполнив команды:
/plugin marketplace update claude-plugins-official
/plugin install playground@claude-plugins-official
Идёт сразу с шестью встроенными шаблонами:
▪️Code Map
▪️Concept Map
▪️Data Explorer
▪️Design Playground
▪️Diff Review
▪️Document Critique
На демке он сгенерил полностью интерактивный обзор архитектуры монорепы RetailBook.
Полный официальный репозиторий плагинов Claude Code тут.