Генератор интерактивных HTML-площадок

★ 8.6 · productivity

playground is a Claude Code skill that generates self-contained interactive HTML playgrounds — a single file with a controls panel on one side, a live preview on the other, and a prompt output at the bottom with a copy button. It selects the appropriate template from six built-in options — design-playground, data-explorer, concept-map, document-critique, diff-review, and code-map — and builds the playground accordingly. All CSS and JS are inlined with no external dependencies; a single state object drives both the preview and the prompt, updating instantly on every control change. The prompt output is written as a natural-language instruction that mentions only non-default choices and includes enough context to act on without seeing the playground. Ideal for UI design exploration, data and query building, code review, and learning — any scenario where the input space is visual or structural and hard to express as plain text.