Publicamos um novo plugin do Claude Code chamado playground que ajuda o Claude a gerar playgrounds HTML. São arquivos HTML independentes que permitem visualizar um problema com o Claude, interagir com ele e receber um prompt de saída para colar de volta no Claude Code.
Descobri que isso pode ser muito bom para interagir com o modelo de maneiras que não são bem adequadas para texto, por exemplo para:
- Visualizar a arquitetura do codebase
- Ajustar o design de um componente
- Fazer brainstorming de layout e design
- Ajustar o equilíbrio de um jogo
Para começar, instale o plugin no Claude Code executando os seguintes comandos:
**/plugin marketplace update claude-plugins-official
/plugin install playground@claude-plugins-official**
Aqui estão alguns dos meus playgrounds favoritos que fiz:
**
Mudando o design da Ferramenta AskUserQuestion no Claude Code
**prompt: "Use a habilidade playground para criar um playground que me ajude a explorar novas mudanças de layout na Ferramenta AskUserQuestion"
**
Criticando sua escrita e obtendo uma resposta
**prompt: "Use a habilidade playground para revisar meu SKILL.MD e me dar sugestões inline que eu possa aprovar, rejeitar ou comentar"
**
Ajustando uma introdução de vídeo no Remotion
**prompt: "Use a habilidade playground para ajustar minha tela de introdução para torná-la mais interessante e encantadora"
**Visualizando um diagrama de arquitetura e permitindo que o usuário comente
**prompt: "Use a habilidade playground para mostrar como este codebase de agente de email funciona e me permitir comentar em nós específicos da arquitetura para fazer perguntas, edições, etc"
**Balanceando o jogo Superhero Rogue-like que estou criando
**prompt: "Use a habilidade playground para me ajudar a balancear o deck do herói 'Inferno'"
0:24
Empolgado para ver como todos vocês exploram isso!
Minha dica para criar um playground interessante: pense em uma maneira única de interagir com o modelo e depois peça para ele expressar isso. Acho que você pode se surpreender.
Se você fizer algo legal, compartilhe!
