svelte이란?
JSON 사양을 Svelte 구성 요소 트리로 변환하는 json-render용 Svelte 5 렌더러입니다. @json-render/svelte 작업, JSON에서 Svelte UI 구축, 구성 요소 카탈로그 생성 또는 AI 생성 사양 렌더링 시 사용하세요. 출처: vercel-labs/json-render.
·svelte
</>
svelte
✓JSON 사양을 Svelte 구성 요소 트리로 변환하는 json-render용 Svelte 5 렌더러입니다. @json-render/svelte 작업, JSON에서 Svelte UI 구축, 구성 요소 카탈로그 생성 또는 AI 생성 사양 렌더링 시 사용하세요.
svelte 설치 방법
명령줄에서 svelte AI 스킬을 개발 환경에 빠르게 설치
- 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
- 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/vercel-labs/json-render --skill svelte
- 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
출처: vercel-labs/json-render.
SKILL.md
원본 보기Svelte 5 renderer that converts json-render specs into Svelte component trees.
| StateContext | Share state across components (JSON Pointer paths) | | ActionContext | Handle actions dispatched via the event system | | VisibilityContext | Enable conditional rendering based on state | | ValidationContext | Form field validation |
Components use emit to fire named events. The element's on field maps events to action bindings:
JSON 사양을 Svelte 구성 요소 트리로 변환하는 json-render용 Svelte 5 렌더러입니다. @json-render/svelte 작업, JSON에서 Svelte UI 구축, 구성 요소 카탈로그 생성 또는 AI 생성 사양 렌더링 시 사용하세요. 출처: vercel-labs/json-render.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/vercel-labs/json-render --skill svelte- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-03-09
- 업데이트
- 2026-03-10
빠른 답변
svelte 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/vercel-labs/json-render --skill svelte 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/vercel-labs/json-render
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-03-09