·explanatory-playground
{}

explanatory-playground

Создавайте интерактивные интерфейсы отладки, раскрывающие внутреннее поведение системы. Используйте, когда вас просят «помочь мне понять, как это работает», «показать мне, что происходит», «визуализировать состояние», «построить представление отладки», «Я не вижу, что происходит» или при любом запросе, чтобы сделать непрозрачное поведение системы видимым. Применяется к конечным автоматам, потокам данных, системам событий, алгоритмам, циклам рендеринга, анимации, вычислениям CSS или любому механизму со скрытыми внутренними компонентами.

14Установки·1Тренд·@petekp

Установка

$npx skills add https://github.com/petekp/claude-code-setup --skill explanatory-playground

Как установить explanatory-playground

Быстро установите AI-навык explanatory-playground в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/petekp/claude-code-setup --skill explanatory-playground
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: petekp/claude-code-setup.

Build dev-only visualizations that make invisible system behavior visible.

| State machines | Node-edge graph | react-flow | | Data flow | Directed graph / Sankey | react-flow | | Events | Timeline | custom or recharts | | Algorithms | Step animation | custom | | Render cycles | Component tree + diffs | custom | | Animations | Timeline scrubber | custom | | CSS/Layout | Box model overlay | custom |

See references/patterns.md for layouts, code, and implementation details.

Создавайте интерактивные интерфейсы отладки, раскрывающие внутреннее поведение системы. Используйте, когда вас просят «помочь мне понять, как это работает», «показать мне, что происходит», «визуализировать состояние», «построить представление отладки», «Я не вижу, что происходит» или при любом запросе, чтобы сделать непрозрачное поведение системы видимым. Применяется к конечным автоматам, потокам данных, системам событий, алгоритмам, циклам рендеринга, анимации, вычислениям CSS или любому механизму со скрытыми внутренними компонентами. Источник: petekp/claude-code-setup.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/petekp/claude-code-setup --skill explanatory-playground
Источник
petekp/claude-code-setup
Категория
{}Аналитика
Проверено
Впервые замечено
2026-02-17
Обновлено
2026-03-10

Browse more skills from petekp/claude-code-setup

Короткие ответы

Что такое explanatory-playground?

Создавайте интерактивные интерфейсы отладки, раскрывающие внутреннее поведение системы. Используйте, когда вас просят «помочь мне понять, как это работает», «показать мне, что происходит», «визуализировать состояние», «построить представление отладки», «Я не вижу, что происходит» или при любом запросе, чтобы сделать непрозрачное поведение системы видимым. Применяется к конечным автоматам, потокам данных, системам событий, алгоритмам, циклам рендеринга, анимации, вычислениям CSS или любому механизму со скрытыми внутренними компонентами. Источник: petekp/claude-code-setup.

Как установить explanatory-playground?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/petekp/claude-code-setup --skill explanatory-playground После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/petekp/claude-code-setup

Детали

Категория
{}Аналитика
Источник
skills.sh
Впервые замечено
2026-02-17