---
name: sm-renderer
user-invocable: true
description: |
  범용 HTML 렌더러 — 어떤 내용이든 Claude 디자인 수준의 HTML artifact로 변환.
  요약·분석결과·비교·설명·아이디어 등 비정형 콘텐츠 특화.
  외부 라이브러리 없이 순수 HTML/CSS로 아름다운 시각화.
  Use when user types "/sm-renderer".
version: 1.0.0
allowed-tools:
  - Task
  - Read
  - Write
---

# /sm-renderer — 범용 HTML 렌더러

## 사용법

```
/sm-renderer 이 내용을 카드로 정리해줘: [내용]
/sm-renderer A와 B를 비교해서 보여줘
/sm-renderer 이 아이디어를 시각화해줘
/sm-renderer 핵심 포인트 3가지를 예쁘게 보여줘
```

---

## 실행 프로토콜

### Step 1: 최신 renderer 경로 확인

```bash
BASE="$HOME/.claude/plugins/marketplaces/CSnShowmeCompany/plugins"
LATEST=$(ls -d "$BASE/sm-renderer-v"* 2>/dev/null | sort -V | tail -1)
```

### Step 2: renderer 에이전트 스폰

에이전트 파일: `$LATEST/agents/renderer.md`

Task()로 스폰:
```
유저 요청: [원문]
```

### Step 3: HTML artifact 출력

에이전트가 생성한 HTML artifact를 그대로 출력.