·playground

대화형 HTML 플레이그라운드(사용자가 컨트롤을 통해 시각적으로 무언가를 구성하고, 실시간 미리 보기를 보고, 프롬프트를 복사할 수 있는 자체 포함된 단일 파일 탐색기)를 만듭니다. 사용자가 특정 주제에 대한 놀이터, 탐색기 또는 대화형 도구를 만들어달라고 요청할 때 사용합니다.

693설치·18트렌드·@anthropics

설치

$npx skills add https://github.com/anthropics/claude-plugins-official --skill playground

SKILL.md

A playground is a self-contained HTML file with interactive controls on one side, a live preview on the other, and a prompt output at the bottom with a copy button. The user adjusts controls, explores visually, then copies the generated prompt back into Claude.

When the user asks for an interactive playground, explorer, or visual tool for a topic — especially when the input space is large, visual, or structural and hard to express as plain text.

Keep a single state object. Every control writes to it, every render reads from it.

대화형 HTML 플레이그라운드(사용자가 컨트롤을 통해 시각적으로 무언가를 구성하고, 실시간 미리 보기를 보고, 프롬프트를 복사할 수 있는 자체 포함된 단일 파일 탐색기)를 만듭니다. 사용자가 특정 주제에 대한 놀이터, 탐색기 또는 대화형 도구를 만들어달라고 요청할 때 사용합니다. 출처: anthropics/claude-plugins-official.

원본 보기

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/anthropics/claude-plugins-official --skill playground
카테고리
</>개발 도구
인증됨
최초 등록
2026-02-12
업데이트
2026-02-18

빠른 답변

playground이란?

대화형 HTML 플레이그라운드(사용자가 컨트롤을 통해 시각적으로 무언가를 구성하고, 실시간 미리 보기를 보고, 프롬프트를 복사할 수 있는 자체 포함된 단일 파일 탐색기)를 만듭니다. 사용자가 특정 주제에 대한 놀이터, 탐색기 또는 대화형 도구를 만들어달라고 요청할 때 사용합니다. 출처: anthropics/claude-plugins-official.

playground 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/anthropics/claude-plugins-official --skill playground 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/anthropics/claude-plugins-official