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
어니 버디 v2.0.0, 클로드 코드 버디에 미리보기 기능 추가
Any Buddy v2.0.0는 사용자가 Claude 코드에 적용하기 전에 다양한 버디를 테스트할 수 있는 미리보기 기능을 도입했으며, Linux, Mac, Windows용 플랫폼별 수정 사항도 포함하고 있습니다. 이 도구는 출시 이후 160개의 GitHub 스타를 획득했습니다.
AgentSwarms: 에이전트 AI 학습을 위한 무료 실습 플레이그라운드
AgentSwarms는 5개의 트랙, 40개 이상의 수업, 30개 이상의 실행 가능한 에이전트를 무료로 제공합니다 — 설정이나 API 키 없이 시작할 수 있습니다. 프롬프트에서 다중 에이전트 스웜까지 구축하며 배우세요.
jsongrep: 벤치마크에서 jq를 능가하는 DFA 기반 JSON 쿼리 도구
jsongrep는 정규 언어 구문을 사용하여 JSON 문서를 쿼리하는 Rust 기반 명령줄 도구로, 이 구문은 결정적 유한 오토마타(DFA)로 컴파일되어 벤치마크에서 jq, jmespath, jsonpath-rust, jql보다 빠른 검색 속도를 달성합니다.
OpenMontage: AI 코딩 어시스턴트를 위한 오픈소스 에이전트 기반 비디오 제작 시스템
OpenMontage는 Claude Code와 같은 AI 코딩 어시스턴트를 완전한 프로덕션 스튜디오로 변환하는 오픈소스 비디오 제작 시스템입니다. 연구, 장면 계획, 대본 작성, 음성 내레이션, 음악 선택, 자막 생성 및 자동화된 파이프라인을 통한 검증을 처리합니다.