# Show GN: Spring AI Playground - No-code Tool Studio + Live MCP 서버 + Inspector + Agentic Chat

> Clean Markdown view of GeekNews topic #25248. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=25248](https://news.hada.io/topic?id=25248)
- GeekNews Markdown: [https://news.hada.io/topic/25248.md](https://news.hada.io/topic/25248.md)
- Type: show
- Author: [hjm1980](https://news.hada.io/@hjm1980)
- Published: 2025-12-22T13:49:29+09:00
- Updated: 2025-12-22T13:49:29+09:00
- Original source: [github.com/spring-ai-community](https://github.com/spring-ai-community/spring-ai-playground)
- Points: 5
- Comments: 1

## Summary

**Spring AI Playground**는 Spring AI 기반의 셀프호스티드 실험용 웹 UI로, 브라우저에서 바로 **No-code 툴을 작성·등록·검증**할 수 있는 개발 루프를 제공합니다. 이번 업데이트에서는 툴을 정적으로 배포하는 대신 런타임에서 즉시 반영되는 구조로 전환해, Live MCP 서버와 인스펙션 기능을 통해 에이전트 플로우를 실시간으로 테스트할 수 있게 했습니다. 로컬 Ollama 및 OpenAI 호환 API를 지원하며, RAG 실험까지 한 환경에서 반복(iterate)할 수 있도록 설계되었습니다.

## Topic Body

한 줄 소개  
Spring AI Playground는 Spring AI 기반의 self-hosted 실험용 웹 UI로, No-code/low-code 툴 제작부터 MCP 연결·인스펙션·에이전트 채팅 테스트까지 한 곳에서 반복(iterate)할 수 있게 만든 프로젝트입니다.  
​  
이번 업데이트(핵심)  
Spring AI 공식 인큐베이팅 프로젝트 등록 이후 첫 기능 업데이트로, “툴을 정적으로 정의하고 재배포하는 방식”이 아니라 런타임에서 만들고/바로 등록하고/바로 검증하는 흐름을 강화했습니다.​  
- No-code Tool Studio: 브라우저에서 JavaScript(ECMAScript 2023)로 툴을 작성·수정하고 저장 즉시 반영되는 형태로 툴 개발 루프를 짧게 가져갑니다.  
- Live built-in MCP server: 저장된 툴이 임베디드 MCP 서버에 동적으로 등록되어 재시작 없이 즉시 사용할 수 있도록 구성했습니다(예: http://localhost:8282/mcp).  
​- MCP inspection & debugging: 등록된 툴의 스키마/파라미터/실행 결과를 가시화하고 인터랙티브 실행으로 디버깅할 수 있습니다.  
- Agentic chat: LLM reasoning → MCP tool 선택/실행 → (옵션) RAG 컨텍스트까지 한 UI 루프에서 end-to-end로 테스트할 수 있습니다.  
  
Built-in 예제 툴(복사/수정 템플릿)  
단순 “데모”가 아니라, 바로 실행되는 템플릿 툴을 제공하고(복사→수정→저장→즉시 호출), 모두 MCP에 연결된 상태로 인스펙션/수정/즉시 테스트가 가능합니다.​  
- googlePseSearch: Google Programmable Search Engine 기반 웹 검색(키 설정 시 바로 사용)으로 “검색 기반 에이전트” 플로우 템플릿입니다.  
- extractPageContent: URL에서 본문 텍스트를 추출해 “검색→문서 읽기→요약/근거 생성” 같은 워크플로우에 붙이기 좋습니다.  
- buildGoogleCalendarCreateLink: 일정 입력을 받아 Google Calendar “Add event” 링크를 생성하는 액션형 툴 템플릿입니다.  
- sendSlackMessage: Slack Incoming Webhook으로 메시지를 전송해 알림/자동화 플로우를 빠르게 검증할 수 있습니다.  
- openaiResponseGenerator: OpenAI API 호출 예제로 “외부 LLM API 호출 패턴”을 템플릿으로 제공합니다(키 설정 시).  
- getWeather: wttr.in을 이용한 날씨 조회로 “외부 HTTP 호출/파싱” 최소 예제입니다.  
- getCurrentTime: ISO-8601 현재 시간을 반환해 시간 의존형 워크플로우(스케줄/로그/컨텍스트)를 만들 때 유용합니다.  
  
실행/환경  
기본은 로컬에서 Ollama로 동작하고, OpenAI-compatible API도 지원하는 로컬 우선 구성을 지향합니다. Vector DB 기반 RAG 실험도 함께 테스트할 수 있는 방향으로 구성되어 있습니다.  
​  
링크  
GitHub: https://github.com/spring-ai-community/spring-ai-playground

## Comments



### Comment 48184

- Author: hjm1980
- Created: 2025-12-23T20:34:05+09:00
- Points: 1

Demo video: https://youtu.be/FlzV7TN67f0