[이기적워크샵] 클로드코드로 나만의 웹서비스 만들기

요즘 핫한
Claude Code로
나도 서비스 만들어보고 싶은데,,,

플러그인, 마켓플레이스, 스킬, CLAUDE.md...
새로운 용어는 쏟아지고
"나도 앱 만들었어요" 인증은 넘쳐나는데
정작 나는 어디서 시작해야 할지 막막하다.

아이디어는 있는데 구체화를 못 하겠고,
화면은 만들었는데 데이터는 안 쌓이고,
배포는 어떻게 하는 건지도 모르겠다.

→ 그래서 준비했습니다.

Claude Code 앱에서
터미널 없이 나만의 웹서비스를 만들고,
데이터베이스를 연결하고,
실제 URL로 세상에 배포하는 5시간 실전 워크숍!

플러그인으로 아이디어를 구체화하고,
CLAUDE.md로 프로젝트 규칙을 정의하고,
스킬을 활용한 Claude Code 세팅하는 법까지,
직접 만들어보는 실전 워크숍입니다!

이번에는 Claude Code로
더 막강해져서 돌아왔습니다.

‍

‍1️⃣ 프로젝트+스킬에서 멈추지 않고
플러그인 · 마켓플레이스까지 직접 체험!
‍Superpowers, Clarify, Session Wrap 등
다른 사람들이 만들어둔 플러그인을
링크 하나로 내려받아 바로 활용 가능

‍2️⃣ 화면만 만드는 게 아니라
Supabase 데이터베이스 연결까지!
‍사용자 행동이 실제로 기록되는
풀스택 서비스 구조를 직접 구축

‍3️⃣ GitHub + Vercel로실제
URL 배포까지 완성!
‍내가 만든 서비스를
세상 누구나 접속할 수 있는 배포까지 경험
‍
‍

비개발자도, 터미널 없이
Claude Code 앱 하나로
이런 게 가능합니다!

‍1️⃣ Superpowers · Clarify
플러그인으로 아이디어를 스펙으로 구체화
‍
‍"이거 좀 만들어줘" 모호한 아이디어를
질문을 던지며 정확한 스펙으로 바꿔줍니다.

Superpowers 플러그인의 Brainstorming 스킬이
소크라테스식 질문을 던지며
"뭘 만들지, 누가 쓸지,
어떤 데이터를 저장할지"를 정리해줍니다.

Clarify 플러그인은 한 단계 더 들어가서
모호한 요구사항을 선택지 기반 질문으로 스펙 문서로 변환합니다.

다른 사람들이 이미 만들어둔
플러그인과 스킬은 링크 하나만 있으면
바로 내려받아 쓸 수 있습니다.

어떻게 찾고, 설치하고, 활용하는지를
워크숍에서 직접 경험합니다.

2️⃣ CLAUDE.md + 스킬로
Claude Code를 똑똑하게 세팅
‍
‍CLAUDE.md는
Claude Code가 매 세션 시작할 때
자동으로 읽는 프로젝트 규칙서입니다.

스킬은 반복되는 작업 패턴을
매뉴얼로 만든 것입니다.
‍
한번 등록하면 Claude가 관련 상황에서
알아서 꺼내 씁니다.
‍
이번 워크숍에서는/init으로 CLAUDE.md를 생성하고
다듬는 것부터내 프로젝트에 맞는
커스텀 스킬을직접 개발하는 것까지 경험합니다.

3️⃣ Supabase + Vercel로
실제 서비스 배포까지 완성

‍화면만 있는 게 아니라
데이터가 쌓이고,
실제 URL로 누구나 접속 가능한
풀스택 웹서비스를 하루 만에 완성합니다.

실제로 Claude Code 앱에서
만들고 Next.js + Supabase + shadcn/ui로 구성,
Vercel에 배포해서 실제로 사용 중인 서비스입니다.

‍

Claude Code에서
CLAUDE.md, 스킬,
플러그인, 마켓플레이스란?
‍

‍‍CLAUDE.md = 프로젝트 전용 규칙서
‍
CLAUDE.md를 만들어서
서비스 설명, 기술 스택, 코딩 규칙을 넣어두면
그 프로젝트 안에서는 새 대화를 열어도
프로젝트를 이미 알고 있어요.
‍
스킬 = 말로 만드는 자동화 레시피
‍
스킬은 특정 작업을
Claude가 더 잘하게 만드는 지침이에요.
SKILL.md 파일 하나가 스킬 하나입니다.
‍
관련 상황이 오면 자동으로 활성화되고,
/스킬이름으로 직접 소환할 수도 있어요.
‍
플러그인 = 스마트폰에 앱 까는 것
‍
스킬이 개별 기능이라면,
플러그인은 여러 스킬과
기능을 묶은 설치 패키지입니다.
‍
카카오뱅크 깔면 송금이 쉬워지고,
배민 깔면 밥이 알아서 오듯이 —
플러그인을 깔면 Claude Code가
내 업무 방식에 맞게 확장됩니다.
‍
마켓플레이스 = 앱스토어
플러그인들을 모아놓은
카탈로그입니다.
‍
마켓플레이스를 등록하면
그 안에서 원하는 플러그인을
골라 설치할 수 있어요.

이번 워크샵에서
가져갈 수 있는 3가지

01
Claude Code 앱에서
풀스택 빌딩을 직접 경험
터미널 없이, 앱 환경에서
아이디어 구체화부터
코드 작성,DB 연결, 배포까지
전 과정을 직접 해봅니다
‍‍

02
‍플러그인 · 마켓플레이스 · 스킬의
차이를 몸으로 체감
Superpowers, Clarify를 직접 설치,
필요한 스킬도 만들고,
마켓플레이스에서 플러그인을 탐색합니다.
‍

03
다른 참가자의
워크플로우 이기적 공유
서로의 CLAUDE.md · 스킬 · 프롬프트를
냅다 공유하며 서로의 워크플로우를 통해
아이디어, 과정을 공유합니다.

누구나 쉽게 따라할 수 있게
꽉 채운 워크샵 구성

현장 상황과 참여자 니즈에 따라
타임테이블은 유동적으로 조정될 수 있으며,
전체 일정은 최대 16시 이전에 마무리됩니다.‍

Intro — 이런 게 가능해요!
10:00 – 10:40
체크인 & 아이스브레이킹
‍
젬마·다니가 만든 웹서비스 사례 시연
CLAUDE.md · 스킬 · 플러그인 역추적

‍Part 1 10:40 – 12:00
아이디어 구체화 & 환경 세팅
‍
1차 아이디어 공유
Superpowers Brainstorming · Clarify로 아이디어 구체화
CLAUDE.md 작성 & 스킬 설계플러그인 설치 · 마켓플레이스 탐색

‍점심 시간
‍12:00 – 13:00

‍Part 2 13:00 – 14:30
웹서비스 빌딩 + Supabase 연결

Claude Code 앱에서 웹서비스 본격 개발
필요한 기능 스킬로 직접 개발
Supabase DB 설계 & 연결데이터가
기록되는 서비스 구조 완성

‍Part 3 — 공유 & 배포 & 회고
‍14:30 – 16:00 중간 공유 & 피드백 + 플러그인 리서치
GitHub & Vercel로 실제 URL 배포
배포된 서비스 서로 접속 & 체험
오늘 과정 워크플로우 정리

워크샵 디렉터 / 멘토진 설명

[디텍터1. 젬마]
이론이 아니라 AI를 비즈니스에 ‘쓸모 있게’ 쓰는 법을 알려드려요!‍

이력
‍- (前) 셀피쉬클럽 마스터
- 2025년 기준, 누적 150개 이상 기업·약 2만 명
이상의 실무자를 대상으로 AI /AX 교육 진행
‍
Claude Code로 더 막강해져서 돌아왔습니다.

비개발자도, 터미널 없이,
Claude Code 앱 하나로
내 아이디어를 실제 웹서비스로 만들고
데이터베이스를 연결하고세상에 배포하는 경험까지.

플러그인 · 마켓플레이스 · Supabase · Vercel까지,
기획에서 배포까지 전 과정을
5시간 안에 직접 만들어 낼 수 있도록 도와드려요!
‍‍

워크샵이 끝나면
모두가 가져갈 결과물

✔️ 실제 URL로 접속 가능한
나만의 웹서비스
(Vercel 배포 완료)
‍
✔️ Supabase 데이터 베이스가
연결된 풀스택 서비스 구조
‍
✔️ 내 프로젝트에 맞게
작성한 CLAUDE.md
+ 직접 개발한 스킬
‍
✔️ 마켓플레이스 · 플러그인 ·
스킬의 차이 이해
스스로 탐색할 수 있는 능력‍

참여 전 꼭 확인해주세요
(준비사항 안내)

이번 워크샵은
듣고 끝나는 강의가 아니라,
하루 안에 실제 결과물을 완성하는
실습형 워크샵입니다.
‍
아래 준비사항을 꼭 확인해주세요.

‍

1. 사용 환경 안내
<필수 장비>
개인 노트북 지참 필수
Mac / Windows 모두 참여 가능
‍

2. 클로드앱 사용 관련 안내
실습 과정에서
‍Claude 앱을 직접 사용합니다.
‍
원활한 실습을 위해
클로드 Pro(월 $20)플랜 결제 필요,
부족시 Max 업그레이드 필요

4. 사전 지식 필요 여부
코드 몰라도 괜찮아요!

이번 워크샵은
“이미 잘하는 사람”이 아니라
이제 막 시작하려는 사람을
기준으로 구성되었습니다.

5. 사용 AI 툴 안내
‍
1. Claude Code 앱 (필수 설치)
claude.ai/code 에서
데스크탑 앱 다운로드 & 설치

설치 후 앱을 열고
Claude Code 화면까지 반드시 진입해보세요
⚠️ 첫 실행 시 Git 설치를 요구하는 경우가 있습니다.
이 경우 Git을 먼저 설치해야
Claude Code가 정상 작동합니다
‍
(Mac: Xcode Command Line Tools
설치 안내가 뜨면 승인,
Windows: git-scm.com 에서
Git for Windows 설치)

이번 워크숍은 터미널(CLI)이 아닌
클로드 앱 환경에서 진행합니다.
‍
원활한 실습을 위해
‍클로드 Pro(월 $20)플랜 결제 필요,
부족시 Max 업그레이드 필요

2. Typeclass (필수 가입)
1달 무료 사용 가입링크 제공
추후, 단톡방에서 안내

‍
‍