본문으로 바로가기
apps-in-toss-community
오픈소스

apps-in-toss-community

앱인토스 미니앱 개발을 가장 편하게.

DevTools, SDK 레퍼런스 앱, polyfill 등 앱인토스 미니앱 개발 흐름 전반을 지원하는 커뮤니티 오픈소스 프로젝트입니다. 브라우저에서 바로 개발·테스트할 수 있습니다.

웹 데모 열기 (새 탭에서 열기)GitHub → (새 탭에서 열기)

이런 것들을 할 수 있어요

  • 🛠️ 배포도 샌드박스도 없이 — 브라우저에서 바로 미니앱을 구동합니다
  • 🧪 문서만 읽는 대신 — 모든 SDK API를 직접 눌러 확인합니다
  • 🌐 새 SDK를 배우는 대신 — 익숙한 웹 표준 API로 작성합니다
  • 📚 문서에서 헤매는 대신 — 잘 정리된 가이드로 바로 시작합니다
  • 🤖 수동 반복 대신 — Claude Code로 만들고 배포합니다

사용 가능

@ait-co/polyfill (새 탭에서 열기)

SDK를 직접 import하지 않고도 웹 표준 API(navigator.clipboard, navigator.geolocation, ...)를 그대로 써서 미니앱을 만들 수 있는 polyfill — 런타임에 SDK로 자동 라우팅됩니다.

1 스타TypeScript

console-cli (새 탭에서 열기)

앱인토스 콘솔을 CLI로 자동화. 최초 로그인만 브라우저로 하고, 이후엔 headless 브라우저로 빌드·배포·릴리스를 커맨드 한 줄로 처리할 수 있어요.

1 스타TypeScript

agent-plugin (새 탭에서 열기)

위 도구들을 엮어 Claude Code 안에서 미니앱을 생성·개발·테스트·배포할 수 있게 해주는 커뮤니티 플러그인. /ait new로 scaffold부터 배포까지 에이전트 안에서 완주할 수 있어요. OpenAI Codex 배포는 스펙 확정 후 추가될 예정입니다.

1 스타TypeScript

devtools로 시작하기

개발 중인 미니앱에 @ait-co/devtools를 추가합니다:

bash
pnpm add -D @ait-co/devtools

vite.config.ts에 플러그인을 추가하면, 개발 중에는 SDK import가 자동으로 mock으로 대체되어 브라우저에서 바로 실행할 수 있습니다:

ts
import { defineConfig } from 'vite';
import aitDevtools from '@ait-co/devtools/unplugin';

export default defineConfig({
  plugins: [aitDevtools.vite({ panel: true })],
});

실제 배포에서는 원본 SDK가 그대로 사용됩니다.

리소스