README 설치 명령 한 줄이면 된다. 공식 마켓플레이스는 처음 대화형 세션을 열 때 자동 등록되고, 셸에서만 설치할 때는 claude plugin marketplace add anthropics/claude-plugins-official 뒤 claude plugin install playground@claude-plugins-official을 쓴다. 결과는 외부 요청 없는 HTML 파일 하나다. 스킬이 마지막에 macOS 명령 open으로 브라우저를 열려고 하는데, Linux에서는 open이 xdg-open이거나 없을 수 있어 시험에서는 막고 헤드리스 Chrome으로 캡처했다. 한 번에 2~12분이 걸렸다.
보안 검토: pass — 시험 대상 playground는 SKILL.md와 템플릿 md 6개뿐이다(훅·MCP·스크립트·명령 없음, allowed-tools 사전 허용 없음). 외부 전송·자격 증명 접근·난독화 없음. 지시문이 시키는 셸 명령은 결과 열기(open)와 diff-review 템플릿의 git show뿐. 같은 마켓플레이스의 다른 플러그인 7개에는 훅이 있으나 --plugin-dir로 playground만 로드해 이번 시험에는 올라오지 않았다.
써 보니
눈에 띈 결함은 run03·run08·run09 세 실행에서 나왔습니다. run08(데이터 탐색기)은 집계 단계 패널에 '[object HTMLDivElement]'가 글자 그대로 찍혔고, 개념 지도 run03·run09는 관계 라벨 몇 개가 겹쳐 그려집니다. 시험에서는 node·chrome 같은 실행 명령이 허용 목록 밖이라 자동 거부돼, 모델이 자기가 만든 HTML을 실행해 볼 수 없었습니다. 만든 뒤 직접 열어서 확인하세요.
읽을 대상은 요청에 적으세요(파일 이름, git show HEAD 등). 시험용으로 만든 가상의 문서 2개, git 커밋 2개, 소스 파일 35개, CSV 63행을 실제로 읽고 만들었고, run08은 기본 프리셋 결과 3행을 CSV로 검산하니 일치했습니다.
언어와 가상 이름도 요청에 적으면 따릅니다. 한국어로 적은 5번(run03·04·07·11·12)은 화면이 전부 한국어였고, '다른 상호는 지어내지 마' 같은 지시를 적은 4번(run04·07·10·12)에는 요청과 입력 파일에 있던 이름만 나왔습니다. 그런 지시가 없던 run02는 예시 데이터를 실존 도서·작가 이름으로 채웠습니다.
비용은 Claude Code가 계산한 값으로 한 번에 0.79~2.00달러, 12번 합계 16.89달러였습니다. 요청이 짧다고 빨리 끝나지는 않았습니다. 두 문장짜리 run02(SQL 빌더)가 12분으로 가장 오래 걸렸고, 비슷하게 짧은 run01(버튼 탐색기)은 2분 13초였습니다.
결과물 12개
카드마다 실행 한 번의 첫 화면 한 장입니다(캡션에 나오는 _state·_tall 보조 캡처는 싣지 않았습니다). 굵은 글씨는 결과 설명, 그 아래 글은 그때 쓴 프롬프트 전문입니다. 테두리 카드는 한국어 요청의 대표 결과이고, 코드 맵(run06·run12)은 그림이 가로로 길어 세로 캡처에서 작게 보입니다.
run03 · 중학교 2학년 '광합성' 개념 지도(화면 전부 한국어). 개념 16개를 관계 20개로 잇고 관계 4종(재료가 된다·만들어진다·일어나는 곳·이동 통로)을 색으로 구분. 개념마다 안다/헷갈린다/모른다를 고르면 선생님께 보낼 질문이 한국어로 자동 작성된다. 보기 프리셋 5개, 관계 직접 잇기, 자동 배치. (가운데쯤 관계 라벨 '만들어진다'가 두 번 겹쳐 그려지고, '재료가 된다'가 산소→호흡 근처 라벨과 겹친다)playground 스킬로 중학교 2학년 과학 '광합성' 단원용 개념 지도 플레이그라운드를 만들어 줘. 노드는 15개 안팎(빛에너지, 엽록체, 엽록소, 기공, 이산화탄소, 물, 포도당, 산소, 녹말, 물관, 체관, 증산 작용, 호흡 등)으로 하고, 관계 유형은 '재료가 된다', '만들어진다', '일어나는 곳', '이동 통로'로 해 줘. 학생이 노드마다 '안다/헷갈린다/모른다'를 표시하면 선생님께 보낼 질문 프롬프트가 한국어로 만들어지게 하고, 화면 문구도 모두 한국어로. photosynthesis.html로 현재 폴더에 저장해 줘.run04 · 작은도서관 여름 독서교실 안내문 초안(34줄) 검토(화면 전부 한국어). 줄 번호 원문 옆에 제안 13개(명확성 5·빠진 정보 2·개인정보 3·접근성 2·말투 1)와 승인/거절/코멘트 버튼, 승인한 항목으로 수정 요청 프롬프트를 한국어로 만든다. run04_state.png는 '전체 승인'을 누른 화면.playground 스킬로 이 폴더의 notice_draft.md(작은도서관 여름 독서교실 안내문 초안)를 검토하는 문서 비평 플레이그라운드를 만들어 줘. 문서를 직접 읽고, 줄 번호를 붙인 원문 옆에 개선 제안 10개 안팎(명확성, 빠진 정보, 개인정보, 접근성, 말투)을 달아 승인/거절/코멘트할 수 있게 해 줘. 화면 문구와 생성되는 프롬프트는 한국어로 하고, 문서에 없는 기관명이나 서비스명은 지어내지 마. critique.html로 저장해 줘.run07 · 동네 카페 '의자와 주전자' 메뉴판 카드 디자인 도구(화면 전부 한국어). 음료 6개·디저트 3개를 원 단위로 보여 주고 글꼴 분위기(명조/고딕/둥근), 글자 크기, 줄 간격, 여백, 모서리, 강조색(색상·채도·명도), 가격 표시 방식, 칼로리·알레르기, 밝은 벽/어두운 칠판 배경, 계절 프리셋 4개를 고른다. run07_state.png는 '겨울 핫초코' 프리셋 화면. 글꼴을 바꾸면 생성 프롬프트에 실존 무료 글꼴 이름(나눔스퀘어라운드·나눔명조·Pretendard)이 예시로 나온다.playground 스킬로 동네 카페 '의자와 주전자'의 메뉴판 카드 디자인 플레이그라운드를 만들어 줘. 요구 사항: 1) 미리보기는 실제 메뉴판처럼 음료 6개와 디저트 3개(이름과 가격은 한국어, 원 단위) 2) 조절 항목: 글꼴 분위기(명조/고딕/둥근), 기본 글자 크기, 줄 간격, 카드 여백, 모서리 둥글기, 강조색(색상·채도·명도 슬라이더) 3) 가격 표시 방식(점선으로 이어진 오른쪽 정렬/이름 아래), 칼로리·알레르기 표시 켜기/끄기 4) 밝은 벽/어두운 칠판 배경 전환 5) 프리셋 4개(봄 딸기 시즌, 한여름 빙수, 가을 밤라테, 겨울 핫초코). 화면 문구와 생성 프롬프트는 한국어로 하고, 카페 이름 말고 다른 상호는 지어내지 마. cafe-menu.html로 저장해 줘.run11 · 쿠폰 계산 커밋 diff 리뷰(화면 전부 한국어). 변경 파일 2개(+34 −9), 위험한 줄 4곳에 치명·높음 심각도 한국어 코멘트를 미리 달아 첫 화면부터 리뷰 프롬프트가 채워져 있다. 프리셋 5개, 요청 작업 선택, 다크/라이트 전환. 3단 화면은 run11_tall.png.playground 스킬로 이 git 저장소의 최근 커밋(git show HEAD로 확인)을 리뷰하는 diff 리뷰 플레이그라운드를 만들어 줘. 화면 문구는 한국어로 하고, 가장 위험해 보이는 줄 4곳에 한국어 리뷰 코멘트를 미리 달아서 첫 화면부터 프롬프트 패널이 채워져 있게 해 줘. 기본은 다크 테마로 하고 라이트 테마 전환 버튼도 넣어 줘. diff-review.html로 저장해 줘.run01 · 버튼 스타일 탐색기. 모서리·테두리·여백·글자 크기·굵기·자간 슬라이더, 색 변형 4종(Solid·Outline·Soft·Ghost), 호버·누름 효과, 프리셋 6개(Default·Pill·Brutalist·Minimal·Playful·Enterprise). 기본·호버·누름·포커스·비활성 상태를 나란히 보여 주고, 바꾼 값만 담은 프롬프트와 CSS 패널이 같이 바뀐다.Use the playground skill to make a button style explorer: border radius, padding, font weight, and hover/active states. Save it as button-explorer.html in the current directory.run02 · 온라인 서점 DB(표 5개) SQL 쿼리 빌더. 스키마 그림에서 표를 눌러 JOIN하고 컬럼 칩으로 SELECT, 필터·그룹·정렬·LIMIT를 고르면 생성 SQL과 샘플 데이터 결과(16행)가 바로 바뀌고, 스키마를 넣은 프롬프트가 만들어진다. 프리셋 6개. 샘플 데이터는 모델이 채운 실존 도서명·작가명이다.Use the playground skill to make a SQL query builder for a small online bookstore database with five tables: books, authors, customers, orders, order_items. Save it as sql-builder.html in the current directory.run05 · bill-splitter 저장소 최근 커밋 diff 리뷰. 파일 3개(+32 −11)를 빨강/초록 줄로 보여 주고, 위험한 줄 3곳(가중치를 주면 인원 수 무시, 반올림으로 합계 0.01 초과, 남은 디버그 print)에 코멘트를 미리 달아 첫 화면부터 프롬프트가 채워져 있다. 검토 결론 버튼과 프리셋 3개.Use the playground skill to build a diff review playground for the latest commit in this git repository (read it with git show HEAD). Pre-fill three review comments on the riskiest lines so the prompt panel isn't empty on first load. Save it as diff-review.html in the current directory.run06 · 가상 레시피 앱 코드베이스(소스 35개)를 실제로 읽어 만든 코드 맵. 컴포넌트 22개·연결 32개를 계층 6개로 배치하고 연결 종류 5가지 필터, 확대·축소, 클릭 코멘트, 프리셋 5개를 넣었다. 코드를 읽다 찾은 문제(세션 헤더를 보내지 않음, 캐시 만료 없음 등)를 '!' 표시로 달았다.Use the playground skill to build a code map of the codebase in ./recipe-app. Read the source files to find the real components, file paths and imports, group them into layers (web UI, API, services, data, background jobs, integrations), and include layer toggles, connection-type filters, zoom and click-to-comment. Keep it to about 20 nodes. Save it as code-map.html in the current directory.run08 · 관측소 3곳 날씨 CSV(63행) 파이프라인 탐색기. 필터→파생(feels_hot)→그룹→집계→정렬 단계마다 행 수를 흐름도로 보여 주고, 결과 표는 실제 데이터로 계산한다(기본 프리셋 결과 3행을 CSV로 검산해 일치). pandas 스크립트 요청 프롬프트와 프리셋 6개. 집계 단계 패널에 '[object HTMLDivElement]' 문구가 그대로 보이는 표시 버그가 1곳 있다.Use the playground skill to build a data pipeline explorer for weather_station.csv in this folder. Read the CSV and embed its rows. Let me chain steps: filter (station, date range, minimum rain), derive (a feels-hot flag from temperature and humidity), group by (station or week), aggregate (avg, max, sum) and sort. Show the pipeline as a flow diagram with the row count at each step, a live result table computed from the real data, and a prompt that asks for the same transformation as a Python (pandas) script. Save it as pipeline.html in the current directory.run09 · 음악 이론 입문 개념 지도. 개념 14개·관계 22개를 built from·determines·part of·leads to 4종(색과 선 모양)으로 잇고 처음엔 모두 Fuzzy. 학습자 프리셋 5개·보기 프리셋 5개·자동 배치, 표시한 이해도에 따라 학습 요청 프롬프트가 바뀐다. run09_state.png는 'Strums chords' 프리셋 화면. (Keys→Triads 근처 'determines' 라벨 두 개가 겹친다)Use the playground skill to make a concept map for a beginner learning music theory: notes, intervals, major and minor scales, keys, key signatures, the circle of fifths, triads, seventh chords, chord progressions, cadences, modes, rhythm and meter. Use relationship types like 'built from', 'determines', 'part of' and 'leads to', default every node to Fuzzy, and include an auto-layout button. Save it as music-theory-map.html in the current directory.run10 · 물주기 알림 기능 명세 초안(37줄) 비평. 제안 11개(필수 수정 5개)를 명확성·완결성·예외 상황·접근성·개인정보로 나눠 해당 줄에 표시하고, 승인/거절/코멘트와 프리셋 5개, 결정에 따라 수정 프롬프트를 만든다. run10_state.png는 'Must-fix only'를 누른 화면.Use the playground skill to build a document critique playground for spec_draft.md in this folder, a product spec for a watering-reminder feature. Read it, add about 10 suggestions tied to specific lines (clarity, completeness, edge cases, accessibility, privacy) with approve/reject/comment, and generate the revision prompt from my decisions. Don't invent product or company names. Save it as spec-critique.html in the current directory.run12 · 가상 공연 예매 서비스 '줄과 의자' 마이크로서비스 지도(화면 전부 한국어). 노드 21개·연결 33개(데이터 흐름 21·이벤트 7·의존성 5)를 계층 5개로 배치하고 프리셋 4개(전체·예매 흐름·대기열 폭주 대비·정산 배치), 노드 클릭 코멘트로 한국어 프롬프트를 만든다. 외부 업체는 '결제 대행사'처럼 일반명사로 표시. run12_state.png는 '예매 흐름' 화면.playground 스킬로 공연 예매 서비스의 마이크로서비스 아키텍처 코드 맵을 만들어 줘. 가상 서비스라 이름은 '줄과 의자'로 하고, 다른 회사·제품 이름은 쓰지 마(외부 업체는 '결제 대행사', '문자 발송 업체'처럼 일반명사로). 계층: 클라이언트(웹, 모바일 앱, 공연장 키오스크), 게이트웨이, 서비스(회원, 공연 목록, 좌석 배치, 대기열, 예매, 결제, 알림, 정산), 데이터(DB, 캐시, 메시지 큐), 외부. 노드 20개 안팎과 연결 30개 안팎으로 데이터 흐름·이벤트·의존성을 색으로 구분하고, 프리셋은 '전체', '예매 흐름', '대기열 폭주 대비', '정산 배치'로 해 줘. 노드를 눌러 코멘트를 달면 한국어 프롬프트가 만들어지게 하고, 화면 문구도 한국어로. ticketing-map.html로 저장해 줘.
![관측소 3곳 날씨 CSV(63행) 파이프라인 탐색기. 필터→파생(feels_hot)→그룹→집계→정렬 단계마다 행 수를 흐름도로 보여 주고, 결과 표는 실제 데이터로 계산한다(기본 프리셋 결과 3행을 CSV로 검산해 일치). pandas 스크립트 요청 프롬프트와 프리셋 6개. 집계 단계 패널에 '[object HTMLDivElement]' 문구가 그대로 보이는 표시 버그가 1곳 있다.](assets/anthropics__claude-plugins-official/run08.png)
