Claude Code 용 새로운 플러그인인 playground 를 출시했습니다. 이 플러그인은 Claude 가 HTML playground 를 생성하도록 도와줍니다. 이러한 playground 는 독립형 HTML 파일로, Claude 와 함께 문제를 시각화하고 상호작용한 후, Claude Code 에 다시 붙여넣을 수 있는 출력 프롬프트를 제공합니다.
이 방식은 텍스트로는 적합하지 않은 방식으로 모델과 상호작용할 때 매우 유용하다는 것을 알게 되었습니다. 예를 들어:
- 코드베이스의 아키텍처 시각화
- 컴포넌트 디자인 조정
- 레이아웃 및 디자인 브레인스토밍
- 게임 밸런스 조정
시작하려면 Claude Code 에서 다음 명령어를 실행하여 플러그인을 설치하세요:
**/plugin marketplace update claude-plugins-official
/plugin install playground@claude-plugins-official
제가 만든 몇 가지 마음에 드는 playgrounds 입니다:
**
Claude Code 의 AskUserQuestion Tool 디자인 변경하기
**prompt: "playground skill 을 사용하여 AskUserQuestion Tool 의 새로운 레이아웃 변경 사항을 탐색할 수 있는 playground 를 만들어 줘"
**
글쓰기 비평과 응답 받기
**prompt: "playground skill 을 사용하여 내 SKILL.MD 를 검토하고 승인, 거부 또는 댓글을 달 수 있는 인라인 제안을 제공해 줘"
**
Remotion 비디오 인트로 조정하기
**prompt: "playground skill 을 사용하여 내 인트로 화면을 더 흥미롭고 즐겁게 조정해 줘"
**
아키텍처 다이어그램 보기 및 사용자 댓글 허용
**prompt: "playground skill 을 사용하여 이 이메일 에이전트 코드베이스가 어떻게 작동하는지 보여주고, 아키텍처의 특정 노드에 댓글을 달아 질문하거나 수정할 수 있게 해 줘"
**
만들고 있는 슈퍼히어로 로그라이크 게임 밸런스 조정
**prompt: "playground skill 을 사용하여 'Inferno' 영웅의 덱 밸런스를 맞추는 데 도움을 줘"
0:24
여러분이 이것을 어떻게 활용할지 기대됩니다!
흥미로운 playground 를 만드는 팁: 모델과 상호작용하는 독특한 방법을 생각한 다음, 그것을 표현하도록 요청하세요. 여러분이 놀라실 수도 있을 거예요.
멋진 것을 만드셨다면 공유해 주세요!
