터미널에서 시작

웹 콘솔과 똑같은 부트스트랩을 Claude Code에서 자연어로 실행해요.

Claude Code는 터미널·에디터에서 쓰는 AI 코딩 도구예요. 여기에 axhub 플러그인을 설치하면, "앱 만들어줘" 같은 자연어를 그대로 axhub 명령으로 바꿔 실행해 줘요. 명령어를 외우지 않아도 대화로 AxHub를 다룰 수 있는 거죠.

그래서 웹 콘솔의 앱 만들기와 똑같은 부트스트랩(저장소 생성 → 템플릿 코드 → 연결 → 배포)을, Claude Code에서 자연어 한 줄로 끝낼 수 있어요.

플러그인은 여러분의 말을 axhub 명령(원래는 터미널에 직접 입력하는 명령어예요)으로 바꿔 대신 실행해 줘요 — 그래서 명령어를 직접 칠 일은 없어요. 실제로 바꾸는 명령(생성·배포 등)은 미리보기 후 한 번 더 확인(consent)을 거쳐서, 실수로 실행될 걱정도 없어요. 플러그인이 할 수 있는 일 전체는 Claude Code 플러그인 레퍼런스에 있어요.

준비물

AxHub 계정 — 소속 회사의 tenant_admin에게 초대 요청
GitHub 계정 — axhub GitHub App을 설치할 계정/org
Claude Code — axhub 플러그인을 설치할 곳

플러그인 설치

Claude Code에서:

/plugin marketplace add jocoding-ax-partners/axhub
/plugin install axhub@axhub

axhub 명령어 도구가 아직 없으면 설치를 안내해 줘요. 전체 기능은 Claude Code 플러그인 레퍼런스에 있어요.

앱 만들기 (부트스트랩)

Next.js 템플릿으로 새 앱 만들어줘. 슬러그는 hello-axhub, GitHub 저장소 이름도 hello-axhub 로.

이 한마디가 앱 생성 → 저장소 생성 → 템플릿 코드 넣기 → 연결 → 배포를 한 번에 진행해요. 무엇이 만들어지는지 미리 보여주고, 확인하면 실행해요. (터미널이 익숙하면 axhub apps bootstrap --template nextjs --slug hello-axhub --repo-name hello-axhub --execute --watch 명령으로 직접 할 수도 있어요. 플러그인을 쓰면 이걸 외울 필요가 없죠.)

끝나면 앱 URL을 확인할 수 있어요. 템플릿은 Next.js · Vite (React) · Astro 중에 골라요.

앱 개발하기

만들어진 저장소를 Claude Code로 열어 원하는 기능을 더한 뒤, 다시 배포해 달라고 하면 돼요. 이렇게 말해보세요.

이 앱에 [원하는 기능]을 추가해줘.
방금 바꾼 거 배포해줘.
배포 잘 됐는지 확인해줘.

배포가 안 되면 이렇게 물어보세요.

방금 배포 왜 실패했는지 알려줘.

비밀값(API 키 등)과 로그인 사용자 정보를 다루는 법은 앱 개발하기에서 따로 정리했어요.