Teenyapp으로 Claude Design Artifacts를 라이브 웹사이트에 배포하기
Teenyapp.com은 Claude Design을 위해 특별히 구축된 웹 호스팅 서비스입니다. Claude Design이 코드 실행, 파일 생성, 임의의 HTTP 요청을 지원하지만 호스팅 대상이 없는 문제를 해결합니다. Teenyapp 링크를 Claude Design에 붙여넣으면 에이전트가 API를 통해 아티팩트를 라이브 웹사이트에 자율적으로 게시합니다.
작동 방식
yourapp.app.teenyapp.com에서 커스텀 도메인을 요청하고 에이전트 토큰이 포함된 Teenyapp 링크를 받습니다.- 해당 링크를 Claude Design에 붙여넣습니다. 링크는 아티팩트 배포 지침이 포함된
claude.md파일을 가리킵니다. - Claude Design이
claude.md를 읽고, 에이전트 토큰을 사용하여 아티팩트를 업로드하고 사이트를 구성합니다. 모두 자율적으로 이루어집니다.
배포 예시
Claude Design에서 기본 계산기 키트 프롬프트를 사용하여 디자인 목업을 만든 후, 사용자가 Teenyapp 링크를 붙여넣고 https://calculator.app.teenyapp.com에 배포하라고 지시했습니다. Claude Design이 나머지를 처리했습니다.
지원되는 백엔드 기능
- API 요청을 처리하는 Worker
- 데이터베이스 및 파일 스토리지
- 인증 (이메일/비밀번호, Google, GitHub, Discord OAuth)
대상 사용자
채팅 인터페이스를 벗어나지 않고 프로토타입이나 소규모 앱을 빠르게 게시하려는 Claude Design 사용자 개발자.
📖 전체 소스 읽기: r/ClaudeAI
👀 See Also
엔그램 메모리 SDK: 로컬 모델을 위한 그래프 기반 AI 에이전트 메모리
Engram Memory SDK는 LiteLLM을 통해 로컬 모델과 작동하는 AI 에이전트용 오픈소스 그래프 메모리 시스템입니다. 수집 시 LLM 호출이 단 한 번만 필요하며, 이후 벡터 검색과 그래프 탐색을 통해 회상을 수행하여 지속적인 LLM 비용이 전혀 발생하지 않습니다.
clarp: 6월 15일 종량제 이전 클로드의 오픈소스 드롭인 대체제
Claude -p가 6월 15일부로 종량제로 전환됩니다. clarp는 로컬 워크플로우를 대체하는 오픈소스 CLI입니다. 바이너리 이름만 claude에서 clarp로 변경하면 됩니다.
Jentic Mini: 오픈클로를 위한 자체 호스팅 API 및 액션 실행 레이어
Jentic Mini는 AI 에이전트와 외부 API 사이에 위치하는 자체 호스팅 API 및 액션 실행 레이어로, 자격 증명을 암호화된 금고에 저장하고 개별적으로 취소 가능한 키로 범위가 지정된 툴킷을 제공합니다. 자격 증명이 추가되면 10,000개 이상의 OpenAPI 사양과 Arazzo 워크플로우 소스를 자동으로 가져옵니다.
SourceBridge: 로컬 LLM을 사용한 코드베이스 분석을 위한 오픈소스 도구
SourceBridge는 Git 저장소를 심볼 그래프로 색인화하고 로컬 LLM을 사용하여 코드베이스 요약, 아키텍처 둘러보기 및 학습 자료를 생성하는 오픈소스 도구입니다. OpenAI 호환 API를 통해 Ollama, llama.cpp, vLLM, LM Studio, SGLang 등 여러 로컬 백엔드를 지원합니다.