Publicamos um novo plugin do Claude Code chamado playground que ajuda o Claude a gerar playgrounds em HTML. São arquivos HTML independentes que permitem visualizar um problema com o Claude, interagir com ele e obter 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 adequadas para texto, por exemplo para:
- Visualizar a arquitetura do código
- 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:
**
Alterando 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 do 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 código do agente de e-mail funciona e me permita comentar sobre nós específicos na arquitetura para fazer perguntas, edições, etc"
**
Equilibrando o jogo rogue-like de super-heróis que estou fazendo
**prompt: "Use a habilidade playground para me ajudar a equilibrar o baralho do herói 'Inferno'"
0:24
Animado 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 achar surpreendente.
Se você fizer algo legal, por favor compartilhe!
