Show GN: Shellside - Claude Code가 상주하는 생성형 캔버스, 요청하면 나만의 도구·앱·워크플로우를 즉석에서 생성

보드마다 Claude Code가 함께 들어 있는 생성형 캔버스 웹서비스 보드에 붙은 터미널에서 Claude Code가 돌고, 보드를 직접 읽고 쓰며 작업 필요한 도구·화면을 요청하면 그 자리에서 보드 위에 만들어 띄움 강점: 코딩 없이 대화만으로 나만의 워크플로우를 직접 만들고 계속 고쳐 쓸 수 있음 출발점 터미널 에이전트는 사람과 터미널 텍스트로만 소통 긴 프롬프트와 y/n 질문, 스크롤에 묻히는 진행 상황 터미널 밖 정보는 복사·붙여넣기로만 전달 개인화된 워크플로우 요청 → 앱 생성 → 링크로 연결 → 실행·수정을 한 보드에서 반복 표·차트·폼·체크리스트·브라우저를 이어 데이터 흐름을 직접 설계 만든 컴포넌트는 라이브러리에 저장해 다른 보드에서 재사용 사용 예시: 1인 개발자의 주간 경쟁 서비스 가격 조사 터미널에 요청: "경쟁 서비스 5곳의 가격 페이지를 보드 브라우저로 열어 요금제를 표로 정리하고, 플랜별 비교 차트를 만들어 표 → 차트로 연결해 줘" Claude가 브라우저 컴포넌트를 생성, 페이지를 돌며 표 앱·차트 앱을 생성, 로그인이 필요한 곳은 사람에게 넘김 표 값을 직접 고치면 차트에 즉시 반영 완성된 표·차트는 라이브러리에 저장, 다음 주에는 "@가격표 최신으로 갱신해 줘" 한 줄로 반복 주요 기능 보드마다 전용 터미널(wterm)과 Claude Code 세션, 보드 MCP 서버에 자동 연결 요청에 맞춰 Claude가 React 앱 컴포넌트를 즉석에서 작성·생성, 보드의 샌드박스 iframe에서 바로 실행 보드 브라우저: 실제 Chrome 탭을 보드에 띄워 Claude가 조작, 사람도 직접 조작·인계 가능 (로그인·CAPTCHA는 사람에게 넘김) 앱 간 실시간 데이터 공유: 표를 고치면 차트 즉시 갱신 @이름으로 컴포넌트 지정, 방향 있는 링크로 흐름 표시 (에이전트도 링크 인식) 위험한 단계는 승인 카드로 사람 확인 후 진행 모든 도구는 JSON(spec + state), 사람과 에이전트가 같은 상태를 읽고 씀 데모 (README 영상, 37초) 터미널에 요청 한 번 → Wikipedia 목록을 보드 브라우저로 열기 → 표 앱·차트 앱 생성 → 브라우저 → 표 → 차트 링크 보드 입력창에서 @height-chart로 추가 요청 → 같은 Claude 세션이 앱 수정 표 값 수정 → 차트 즉시 재정렬 현재 한계 PoC 단계, 로컬 실행 전용 (macOS/Linux, Node 22+, Claude...