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
오픈클로 개발자, 900명 사용자 시험 후 '킬러' 사용 사례 모색 중
OpenClaw의 창시자는 사용자들이 텔레그램 인터페이스, 캘린더 통합, 자동화 워크플로우 같은 기능들을 시도하지만, 대부분이 도구를 장기적으로 사용하지 않는다고 보고합니다. 도전 과제는 실험적인 것이 아닌 필수적인 일상 사용 워크플로우를 찾는 것입니다.
WCY 형식은 LLM 토큰 오버헤드를 50-71% 감소시키고 구조적인 '모름' 표시자를 추가합니다.
WCY(Watch-Compute-Yield)는 JSON 토큰 오버헤드를 50-71% 줄이고, 추론 중 불확실성을 나타내기 위한 구조적 '?' 마커를 도입한 라인 지향 형식입니다. 이 형식은 파인튜닝이 필요 없으며, 단 세 번의 퓨샷 예시만으로 충분합니다.
bunx ccusage는 $18,450의 크레딧 소모를 보여주며 — 플랫 플랜이 비용을 흡수합니다
r/ClaudeAI의 한 사용자가 bunx ccusage를 실행해 5월에 사용한 크레딧이 $18,450임을 발견했습니다. 2억 4800만 입력 토큰, 4200만 출력 토큰, 캐시 읽기를 포함해 217억 토큰을 사용했지만, Claude Code와 Codex 정액제로 월 €400만 지불하고 있습니다.
Doc Harness: 세션 간 프로젝트 상태 유지를 위한 Claude 코드 스킬
Doc Harness는 AI 에이전트가 세션 간에 프로젝트 컨텍스트를 유지하도록 돕는 다섯 개의 구조화된 파일로 구성된 경량 문서 시스템을 생성하는 Claude Code 스킬입니다. 이는 컨텍스트 재설정, 규칙 잊어버림, 새로운 에이전트에게 프로젝트를 다시 설명해야 하는 문제를 해결합니다.