Claude Code가 멈추지 않는다: 워크플로우를 업그레이드하는 두 가지 방법

AI LABS 구독자 10,300명

요약

이 영상에서는 Anthropic의 코딩 에이전트 Claude Code를 더욱 강력하게 사용하는 두 가지 무료 도구를 소개한다. 첫 번째는 Super Cloud라는 구성 프레임워크로, 18개의 슬래시 명령어와 페르소나 플래그, 다양한 MCP(Multi Capability Plugin)를 통해 개발 라이프사이클 전 과정을 지원한다. 두 번째는 웹 기반 GUI로, 같은 네트워크 내 어디서든 모바일 또는 다른 디바이스에서 Claude Code를 직접 실행·제어할 수 있게 해준다. 두 도구를 활용하면 비전문가도 구조화된 워크플로우를 쉽게 생성해 빠르게 프로젝트를 진행할 수 있다.

주요 키워드

Claude Code Super Cloud slash commands persona flag MCP Cursor 워크플로우 YAML 웹 기반 GUI

하이라이트

⚡️ Claude Code는 Anthropic이 만든 코딩 에이전트로, 사용자가 원하는 대로 극도로 커스터마이징할 수 있는 워크플로우를 지원한다.
🚀 Super Cloud는 18개의 구조화된 슬래시 명령어와 여러 플래그를 제공해 프론트엔드, 백엔드, 보안 등 개발 전 과정을 최적화된 페르소나로 지원한다.
🔧 각 페르소나는 개발 수명 주기의 특정 단계를 다루며, 구성 파일(YAML)과 규칙을 통해 AI 에이전트를 프로그램할 수 있다.
🧠 Cursor는 Super Cloud 구성 파일을 읽어 종합 가이드를 자동 생성해 학습 곡선을 줄여주고, 문서를 AI 에이전트에 피드해 맞춤 워크플로우 설계를 돕는다.
📝 Next.js 앱에 11 Labs와 OpenAI API를 통합해 스토리 생성 및 내레이션 기능을 갖춘 프로젝트를 11단계로 구조화하는 예시를 제공한다.
🌐 웹 기반 GUI를 사용하면 로컬에서 실행 중인 Claude Code를 네트워크를 통해 모바일이나 다른 디바이스의 브라우저에서도 간편히 제어할 수 있다.
📂 Super Cloud 설치는 글로벌 또는 프로젝트별 옵션을 제공하며, .claude 폴더에 구성 파일을 복제해 즉시 활용할 수 있다.

용어 설명

Claude Code

Anthropic에서 만든 AI 기반 코딩 에이전트로, 슬래시 명령어와 구성 파일로 워크플로우를 커스터마이징할 수 있다.

Super Cloud

Claude Code에 18개의 구조화된 명령어와 플래그, 페르소나, MCP를 추가해 전체 개발 수명 주기를 지원하는 오픈 소스 구성 프레임워크이다.

슬래시 명령어

/build, /add-directory 등 앞에 슬래시(/)를 붙여 실행하는 명령어로, 다양한 태스크를 자동화한다.

페르소나 플래그

개발 수명 주기에서 특정 역할(프론트엔드, 백엔드, 보안 등)을 담당하도록 Claude Code의 행동 방식을 지정하는 옵션이다.

MCP

Multi Capability Plugin의 약자로, 외부 문서 검색(Context 7), 다단계 추론(Sequential MCP), UI 조작(Magic UI), 브라우저 자동화(Puppeteer) 등을 지원한다.

Cursor

코드 편집기 기반 AI 툴로, 구성 파일을 읽어 종합 가이드를 생성하거나 맞춤형 워크플로우를 설계하는 기능을 제공한다.

Claude Code의 강력한 커스터마이징 가능성을 소개하고, 오늘은 워크플로우를 더욱 업그레이드할 두 가지 무료 도구를 다룬다고 예고한다.

[00:00] Claude Code는 Anthropic에서 개발한 코딩 에이전트로 놀라운 수준의 커스터마이징을 제공합니다. 오늘은 Claude Code를 더욱 강력하게 만들어주는 두 가지 무료 도구를 소개합니다.

[00:16] Claude Code는 극도로 높은 수준의 커스터마이징을 제공하며, 커스텀 명령어와 claw.md 파일 수정을 통해 특정 작업에 특화된 에이전트로 만들 수 있습니다. 하지만 워크플로우 제작은 시간이 많이 걸리고 전체 개발 과정을 모르는 초보자에게는 어렵습니다.

Super Cloud 구성 프레임워크가 제공하는 18개의 슬래시 명령어와 플래그, 총 9가지 페르소나 플래그를 통해 개발 전 과정을 어떻게 지원하는지 설명한다.

[00:42] 첫 번째 도구는 'Super Cloud'라는 구성 프레임워크입니다. 이 도구는 Claude Code에게 새로운 능력과 스킬을 제공하여 다음 단계로 끌어올려줍니다.

[01:01] Super Cloud는 18개의 구조화된 명령어와 플래그를 제공합니다. 특히 9개의 페르소나 플래그가 있어 개발 생명 주기의 각 단계(프론트엔드, 백엔드, 보안, 아키텍처 계획 등)를 담당합니다.

YAML 파일로 정의된 규칙과 워크플로우가 Claude Code를 프로그래밍하는 방식을 살펴보고, Context 7, Sequential, Magic UI, Puppeteer 등 다양한 MCP를 소개한다.

[01:37] 개발자는 백엔드에서 커스텀 명령어 형태의 구성 파일과 YAML 파일로 된 워크플로우를 작성했습니다. 이는 AI 에이전트를 프로그래밍하는 프롬프팅 방식으로, 실제 개발자들의 개발 사이클 컨텍스트를 Claude Code에 제공합니다.

[02:14] 또한 MCP(Model Context Protocol)도 활용하여 외부 문서를 가져오는 context 7 MCP, 다단계 추론을 가능하게 하는 sequential MCP, 그리고 magic UI MCP와 Puppeteer MCP를 포함하고 있습니다.

[02:34] 슈퍼 클로드라는 도구의 슬래시 명령어와 플래그 사용법을 설명하며, /build 명령어에 react, magic, watch 등의 플래그가 어떻게 작동하는지 예시를 보여준다.

[03:00] 슈퍼 클로드의 강력한 기능에도 불구하고, 제대로 사용법을 배울 수 있는 가이드가 없다는 문제점을 지적한다. 유튜버들은 데모만 보여줄 뿐 실제 사용법을 알려주지 않는다.

Super Cloud는 강력하지만 사용법 가이드가 부족해 학습 곡선이 가파른 문제를 지적하고, 이를 보완하기 위한 대안으로 Cursor 활용을 제안한다.

[03:17] 다양한 플래그와 도구들로 인한 학습 곡선의 어려움을 설명하고, 명령어, 페르소나, MCP 추가 위치 등을 모두 배워야 한다는 점을 언급한다.

[03:29] 문제 해결을 위해 구성 파일이 들어있는 폴더를 커서로 열었고, 커서에게 모든 구성 파일을 읽어 포괄적인 사용 가이드를 만들어달라고 요청했다고 설명한다.

Cursor에 Super Cloud 구성 파일을 읽게 한 뒤, 문서를 생성해 AI 에이전트에게 피드백으로 주는 과정을 통해 학습 과정을 단축하는 방법을 보여준다.

[03:58] 커서의 새로운 검색 도구가 매우 뛰어나며, 파일들 간의 연결을 잘 찾아내어 훌륭한 구성 가이드를 생성했다고 평가한다.

[04:14] 모든 명령어와 플래그를 혼자 배우는 대신, AI 에이전트에게 제공할 수 있는 문서를 만들어 특정 사용 사례에 맞는 최적의 명령어 사용법을 얻고자 했다.

[04:30] docs.md 파일에 450단어 정도의 포괄적인 문서를 생성하고, 11 Labs API와 OpenAI API를 사용하는 Next.js 스토리 생성기 앱을 만드는 작업을 부여했다.

Next.js 앱에 11 Labs와 OpenAI API를 통합한 스토리 생성·내레이션 기능 구현을 예로, Cursor가 단계별 워크플로우(Phase 1~11)를 구조화하는 과정을 설명한다.

[04:55] 제약 사항으로 인해 매직 MCP와 퍼펫티어 MCP를 바로 설정할 수 없어 플래그에서 제외했으며, 클로드 코드에서 직접 MCP를 구성해야 한다고 설명한다.

[05:10] Claude Code에서 올바른 명령어를 사용하면 각 워크플로우에서 어떤 도구를 언제 적용할지 자동으로 판단하는 강력한 기능을 제공합니다.

[05:17] Cursor가 명령어는 제공했지만 프롬프트가 빠져있었고, Claude Code를 위해서는 명령어와 프롬프트를 함께 포함해야 한다는 것을 깨달았습니다.

[05:31] 구조화된 방식으로 출력하도록 지시하자 1단계부터 11단계까지 완벽한 프로젝트 개요를 제공했으며, 이 프레임워크는 개발자 사이클의 모든 단계를 포함합니다.

[05:47] 이 기능은 Cursor에만 국한되지 않으며, 문서를 복사해서 Claude Code에 넣으면 구조화된 워크플로우를 생성해줍니다.

[05:57] 비개발자도 애플리케이션을 만들 수 없다고 생각했지만, 개발 지식이 프레임워크에 내장되어 공개적으로 공유되면서 누구든지 가이드 워크플로우를 따라할 수 있게 되었습니다.

[06:23] 실제 시연에서 1단계 분석과 연구 과정을 보여주며, Claude에서 슬래시 메뉴를 열면 프레임워크의 추가 명령어들이 원본 명령어들 위에 나열되어 있습니다.

[06:46] 프롬프트는 모델을 위한 컨텍스트로서 구조화된 명령어를 자동으로 출력하므로 모든 것을 외울 필요가 없습니다.

[06:59] Claude가 워크플로우를 실행하면서 연구 작업으로 인식하고, Context 7과 같은 적절한 도구를 선택해서 할 일 목록을 만들고 순차적 MCP를 사용합니다.

[07:15] 이는 근본적으로 새로운 것은 아니지만 프레임워크 제작자에 의해 패키지화된 워크플로우로, 모든 세부사항을 배울 필요 없이 문서를 만들고 바로 시작할 수 있습니다.

[07:30] 전체 개발 사이클이 상세히 설명되어 있으며, 완전한 문서를 설명란에 포함시켜서 설정 과정을 건너뛰고 바로 워크플로우를 사용할 수 있도록 제공하겠습니다.

[07:42] 채널 멤버십 소개 및 구독 요청. 첫 번째 등급 출시로 93명이 가입했고, 멤버들은 댓글에 우선 답변을 받을 수 있는 혜택이 있습니다.

[07:58] Claude Code의 웹 기반 GUI 도구 소개. 어떤 기기에서든 브라우저로 접근 가능하며, 이전에 소개한 Claudia보다 단순하지만 네트워크 접근성에 특화되어 있습니다.

로컬에서 실행 중인 Claude Code를 네트워크를 통해 모바일·다른 디바이스 브라우저로 접근할 수 있는 웹 기반 GUI 도구를 소개한다.

[08:33] 설치 방법 설명. 스크립트를 복사해서 원하는 위치에 실행하면 자동으로 설치됩니다. 기본 명령은 로컬에서만 실행되지만, 네트워크 접근을 위해서는 특별한 명령이 필요합니다.

설치 스크립트를 복사해 실행하고, localhost 대신 네트워크 접근을 위한 커맨드를 사용해 포트를 열어주는 과정을 단계별로 설명한다.

[09:22] 다른 기기에서 연결하는 방법. 현재 네트워크의 IP 주소를 찾아서 포트 번호와 함께 브라우저에 입력하면 됩니다. 같은 네트워크에 있는 모든 기기에서 접근 가능합니다.

모바일과 다른 컴퓨터에서 동일 네트워크 내 IP 주소와 포트를 이용해 웹 UI에 접속하고, Claude Code 프로젝트를 실행·제어하는 모습을 시연한다.

[10:00] 웹 UI의 기본 기능 소개. 인터페이스는 단순하지만 새 디렉토리 생성, 기존 프로젝트 선택, Claude Code와의 채팅 등이 가능합니다. 크로스 디바이스 접근성이 핵심 장점입니다.

[10:16] Claude Code의 크로스 디바이스 접근성을 설명하며, 집 안 어디서든 휴대폰으로 접속하여 사용할 수 있는 유용한 기능을 소개합니다.

[10:23] 특별한 기능은 없으며 명령어들이 작동하지 않아 Supercloud 구성이 불가능하지만, 여전히 활용할 수 있는 멋진 도구라고 평가합니다.

[10:31] Supercloud 설치 방법을 단계별로 설명하며, GitHub 저장소에서 설치 프로그램을 찾아 코드를 복사하여 원하는 위치에 붙여넣는 과정을 안내합니다.

Super Cloud를 글로벌 또는 프로젝트별로 설치하는 방법(.claude 폴더 설정, 기존 폴더 초기화 등)을 안내하고, 영상 종료를 알린다.

[10:48] 두 가지 설치 옵션을 제시합니다. 글로벌 설치는 모든 Claude Code 인스턴스가 Supercloud에 접근할 수 있게 하고, 프로젝트별 설치는 특정 프로젝트에만 적용됩니다.

[11:06] 설치 시 주의사항을 강조하며, 타겟 폴더 경로 끝에 반드시 .claude를 추가해야 하고, 구성 파일들이 해당 폴더 안에 위치해야 한다고 설명합니다.

[00:00] 저는 Claude Code를 정말 좋아합니다. Anthropic이 만든 코딩

[00:02] 에이전트는 정말 놀라운 수준의 커스터마이징을 제공하는데,

[00:03] 저는 계속해서 더 나은 맞춤형 방법들을 찾고 있습니다.

[00:05] 오늘은 Claude Code를 더욱 강력하게 만들어주는

[00:07] 두 가지 무료 도구를 보여드리고 싶습니다.

[00:09] 이 도구들은 여러분의 사용 방식을 완전히 바꿀 수 있습니다.

[00:11] 두 도구 모두 완전히 무료이고,

[00:13] 이들이 할 수 있는 일에 놀라실 겁니다.

[00:15] 바로 시작해보겠습니다.

[00:16] Claude Code가 극도로 높은 수준의

[00:18] 커스터마이징을 제공한다는 걸 아시죠.

[00:21] 커스텀 명령어들도 있고, claw.md 파일을 수정해서

[00:23] 특정 작업에 특화된 에이전트로 바꿀 수도 있습니다.

[00:25] 워크플로우를 만들 수 있지만,

[00:28] 이런 워크플로우들은 테스트가 필요하고

[00:30] 직접 만들기엔 시간이 많이 걸립니다.

[00:32] 특히 전체 개발 과정을 모르는

[00:34] 바이브 코더라면 더욱 그렇죠.

[00:35] 그런 경우엔 제대로 만들기가 어렵습니다.

[00:37] 바로 여기서 제가 보여드리고 싶은

[00:39] 첫 번째 도구가 등장합니다.

[00:41] 작성자가 부르기로는 구성 프레임워크입니다.

[00:42] 재미있는 건 이름이 바로

[00:44] Super Cloud라는 거예요.

[00:46] 기본적으로 Claude Code가 새로운 능력과

[00:48] 스킬들을 갖도록 해주어서

[00:50] 다음 단계로 끌어올려줍니다.

[00:52] 곧 제가 무슨 말인지 명확해질 거예요.

[00:55] 이게 뭘 제공하냐면,

[00:57] 18개의 구조화된 명령어를 제공하고

[00:59] 모두 한 가지에 집중되어 있습니다.

[01:01] 그리고 플래그들이 있어요.

[01:03] 명령어와 함께 사용하면

[01:05] 플래그들이 추가 기능을 제공합니다.

[01:07] 예를 들어, 이런 페르소나 플래그가 있어서

[01:09] 9개 중에서 선택할 수 있습니다.

[01:11] 모두 개발 생명 주기의

[01:13] 특정 부분을 나타냅니다.

[01:15] 그 자체만으로도 놀라운 기능이에요.

[01:17] 랜딩 페이지나 UI 컴포넌트를

[01:19] 구축하고 싶다면

[01:21] 프론트엔드 페르소나를 사용하면 되죠.

[01:23] 그리고 아키텍처 계획,

[01:25] 백엔드, 보안, 그리고

[01:27] 다양한 문제 분석을 위한

[01:29] 페르소나들이 있어요.

[01:31] 정말 놀라운 일이죠.

[01:33] 이게 어떻게 작동하는지 보려고

[01:35] 열어서 살펴봤습니다.

[01:37] 백엔드에서 개발자가

[01:39] 커스텀 명령어 형태로 구성 파일을 작성하고

[01:41] YAML 파일 형태로 규칙과 구성된 워크플로우

[01:43] 세트까지 만들어놨어요.

[01:45] 어떤 면에서는 모두 프롬프팅이지만

[01:47] 그게 바로 AI 에이전트와 모델을

[01:50] 프로그래밍하는 방법이거든요.

[01:52] 예를 들어, 프론트엔드 페르소나에서는

[01:54] Claude에게 UI 생성에 매우 유용한

[01:56] 견고한 워크플로우를 제공합니다.

[01:58] 작성자가 작성한 워크플로우들은

[02:00] 실제 개발자들이 개발 사이클을

[02:02] 어떻게 진행하는지에 대한

[02:04] 컨텍스트를 Claude Code에 제공합니다.

[02:06] 전체 개발 사이클에 대한 컨텍스트를 가지고 있고

[02:08] 모든 게 작성되어 있어요.

[02:10] 적절한 시점에 관련 태그를 사용하는 방법만

[02:12] 배우면 됩니다.

[02:14] 뿐만 아니라 MCP도 활용합니다.

[02:16] 외부 문서를 가져오는 context 7 MCP와

[02:19] 기본적으로 다단계 추론을 가능하게 하는

[02:21] sequential MCP가 있고

[02:24] 정말 훌륭한 magic UI MCP와

[02:27] Puppeteer MCP도 있습니다.

[02:29] 또한 claw.md 파일을 열어보면 전체 구성이 설정되어 있습니다.

[02:34] 모든 것을 실제로 사용하는 방법에 대해 설명되어 있습니다. 그래서

[02:36] 이것이 슈퍼 클로드라고 불리는 이유입니다.

[02:38] 슬래시 명령어와 플래그가 어떻게 사용되는지

[02:40] 예를 들어 보겠습니다. 아래로 스크롤하면

[02:42] 다음과 같은 워크플로우가 있음을 볼 수 있습니다.

[02:44] /build 명령어에 이어서

[02:46] react 같은 플래그가 있는데, 이는

[02:48] 리액트를 사용한다는 의미이고, magic은

[02:50] 매직 MCP를 사용한다는 의미이며, watch는

[02:53] 개발을 지속적으로 모니터링한다는

[02:55] 의미입니다. 또한 persona

[02:56] 프론트엔드 플래그로 페르소나가

[02:59] 설정된 것도 볼 수 있습니다.

[03:00] 이 모든 것이 정말 강력하지만, 작성자가

[03:03] 정말 해결했어야 할 문제가 하나 있습니다.

[03:04] 그것은 이것을 사용하는 방법을 배울

[03:06] 적절한 방법이 없다는 것입니다.

[03:08] 제가 설치하고 다른 유튜버들의

[03:10] 영상을 봤을 때, 모두 데모만 보여줬습니다.

[03:12] 실제로 사용하는 방법에 대한 적절한

[03:14] 가이드를 찾을 수 없었습니다.

[03:16] 이는 약간의 문제를 만듭니다.

[03:17] 이 도구에는 다양한 플래그와 도구들이

[03:20] 있어서 학습 곡선이 있기 때문입니다.

[03:22] 비록 알아낼 수 있다고 하더라도

[03:23] 명령어와 사용 가능한 페르소나

[03:25] 그리고 다양한 MCP를 어디에 추가해야

[03:27] 하는지 배워야 합니다. 하지만 걱정 마세요.

[03:29] 이 문제에 대한 해결책을 찾았습니다.

[03:31] 구성이 들어있는 이 폴더를

[03:33] 커서로 열었습니다. 설치하는 방법은

[03:35] 나중에 영상에서 보여드리겠지만

[03:37] 지금은 구성이 이 폴더에

[03:39] 설치되었다는 것만 알면 됩니다.

[03:41] 이 명령어를 사용했고 커서에서 열렸습니다.

[03:43] 다시 커서로 돌아가서, 모든 명령어가

[03:45] 있었기 때문에 제가 한 것은

[03:47] 커서에게 모든 구성 파일을

[03:49] 읽어보고 클로드와 함께 사용하는

[03:52] 방법에 대한 포괄적인 가이드를

[03:54] 만들어 달라고 요청했습니다. 언제 그리고 어디서 사용하는지도 포함해서요.

[03:56] 이것들이 중요한 부분입니다. 모든 것을

[03:58] 읽어보고 커서의 새로운 검색 도구는

[04:00] 정말, 정말 놀랍습니다.

[04:02] 그들은 얼마나 더 나은지에 대한

[04:04] 결과를 게시했고 그 모델을

[04:06] 사용하고 있습니다. 모든 것을

[04:08] 매우 쉽게 찾아냈고, 파일들 간의

[04:10] 연결을 만들어내고 정말 멋진

[04:12] 구성 가이드를 제공했습니다. 저는

[04:15] 모든 명령어와 플래그를 혼자서

[04:17] 배우고 싶지 않았습니다. 전체

[04:19] 문서를 생성했기 때문에

[04:21] 클로드 코드나 커서의 AI 에이전트에게

[04:23] 제공할 수 있는 문서를 만들어보자고 생각했습니다.

[04:26] 그러면 에이전트가 제 특정 사용 사례에

[04:28] 가장 적합한 명령어 사용 방법을

[04:30] 알려줄 수 있습니다. 그래서 커서에게

[04:32] 모든 것을 docs.md 파일에 넣어달라고 했습니다.

[04:34] 바로 여기에서 볼 수 있습니다.

[04:36] 약 450단어 정도의 포괄적인 파일을 만들었습니다.

[04:39] 이 문서가 준비되자, 저는 하나의

[04:41] 작업을 부여했습니다. 11 Labs API 통합과

[04:44] OpenAI API를 사용하는 Next.js 앱을 만들고 싶다고 했습니다.

[04:46] 아이디어는 내레이션 기능도 있는

[04:49] 스토리 생성기를 만드는 것이었습니다.

[04:51] 프레임워크를 기반으로 어떤 워크플로우를

[04:53] 따라야 하는지 커서에게 물어봤습니다.

[04:55] 몇 가지 제약 사항으로 인해 매직 MCP와

[04:57] 퍼펫티어 MCP를 바로 설정할 수 없었습니다.

[05:00] 그래서 커서에게 플래그에서 이들을 사용하지 말라고 요청했습니다.

[05:02] 클로드 코드에서 여전히 MCP를 직접

[05:04] 구성해야 합니다. 프레임워크는

[05:06] 단순히 각 워크플로우에서 어디에

[05:08] 속하는지 알려줍니다.

[05:10] 각 워크플로우에서 말이죠. 하지만 올바른

[05:12] 명령어를 사용하면 Claude가 언제 어떤 도구를

[05:14] 적용할지 알아서 판단하는데, 이건 여전히 정말 강력한 기능입니다.

[05:17] 다음에 무슨 일이 일어났는지 보세요. Cursor가

[05:19] 명령어는 알려줬지만 프롬프트가 빠져있었어요. 저는

[05:20] Cursor가 Claude Code를 위해서는 명령어와

[05:22] 프롬프트를 함께 포함해야 한다는 걸 모르고 있다는 걸

[05:24] 깨달았어요. 그래서 슬래시 명령어와

[05:27] 플래그, 프롬프트를 구조화된 방식으로 출력하라고

[05:29] 지시했습니다. 그러자 정확히 그대로 해줬어요.

[05:31] 1단계, 2단계, 3단계부터 배포를 위한

[05:33] 11단계까지 완벽한 프로젝트 개요를 제공했습니다.

[05:36] 이 프레임워크는 개발자 사이클의

[05:38] 모든 단계를 위한 명령어와 워크플로우를

[05:40] 포함하고 있다는 걸 기억하세요. 그리고

[05:42] 이제 Cursor가 이 모든 걸 알고 있습니다.

[05:45] 멋진 점은 이게 Cursor에만 국한되지 않는다는 거예요.

[05:47] 문서를 복사해서 Claude Code에 넣으면

[05:49] Claude가 구조화된 워크플로우를 생성해줍니다.

[05:51] 제가 컨텍스트 엔지니어링에 대한 영상을

[05:53] 본 적이 있다면, 이런 워크플로우들이

[05:55] 빠르게 진화하고 있다는 걸 알 거예요.

[05:57] 사람들은 한때 비개발자들이 애플리케이션을

[06:00] 만들 수 없다고 생각했습니다.

[06:02] 하지만 개발 지식이 이런 프레임워크에

[06:04] 내장되어 공개적으로 공유될 수 있어요.

[06:06] 이제 누구든지, 심지어 업계 경험이 적은

[06:09] 바이브 코더들조차도 프로세스를 아는

[06:11] 누군가가 작성한 가이드 워크플로우를

[06:13] 따라할 수 있습니다. 그리고 공유 얘기가

[06:15] 나왔으니 말인데, Cursor가 저를 위해

[06:17] 만들어준 이 문서를 아래 설명란에

[06:19] 남겨두어서 여러분도 직접 사용할 수 있도록

[06:21] 하겠습니다. 이제 다시 실제 시연으로

[06:23] 돌아가서, 1단계는 분석과 연구입니다.

[06:25] 플래그와 함께 명령어를 복사해서

[06:28] 터미널로 전환하겠습니다. Claude에서 슬래시 메뉴를

[06:30] 열어보면 이 프레임워크의 모든 추가

[06:32] 명령어들이 Claude의 원본 명령어들

[06:34] 위에 나열되어 있는 걸 볼 수 있어요.

[06:36] 이것들은 'add directory'로 시작합니다.

[06:38] 명령어와 플래그를 여기에 붙여넣고

[06:40] 함께 제공되는 프롬프트를 복사하겠습니다.

[06:42] 만약 Cursor가 추가 문구를 넣었다면

[06:44] 그 프롬프트를 커스터마이징할 수 있어요.

[06:46] 이건 모두 모델을 위한 컨텍스트일 뿐이고

[06:48] 구조화된 명령어를 자동으로 출력할 거예요.

[06:50] 모든 걸 외울 필요는 없습니다.

[06:52] 모든 걸 배우는 데는 너무 많은 시간이

[06:54] 걸릴 거예요. 엔터를 누르면 Claude가

[06:56] 실행되기 시작하는 걸 볼 수 있어요.

[06:58] 위로 스크롤하면 워크플로우가

[06:59] 작동하는 걸 볼 수 있습니다. Claude가 이걸

[07:02] 연구 작업으로 인식하고 외부 문서를 위한

[07:04] Context 7과 같은 어떤 도구를 사용할지

[07:06] 알아서 판단한 다음 할 일 목록을 만듭니다.

[07:08] 순차적 MCP를 사용하면서 도구를 호출할

[07:11] 권한을 저에게 요청하고 진행합니다.

[07:13] 이건 그냥 워크플로우일 뿐이에요.

[07:15] 근본적으로 새로운 건 아니지만, 이런

[07:17] 워크플로우들이 프레임워크 제작자에 의해

[07:19] 패키지화되어 있습니다. 앞서 언급했듯이

[07:21] 모든 세부사항을 배울 필요는 없어요.

[07:22] 그냥 문서를 만들고 시작하면 됩니다.

[07:24] 여기서 전체 개발 사이클이 상세히

[07:26] 설명되어 있는 걸 볼 수 있고, 이걸로

[07:28] 창의적인 일들을 많이 할 수 있어요.

[07:30] 다시 한번 말씀드리지만, 완전한 문서를

[07:32] 설명란에 포함시켜서 설정 과정을 건너뛰고

[07:34] 바로 이런 워크플로우들을 사용할 수

[07:36] 있도록 하겠습니다. 그리고 저희가 만드는

[07:38] 콘텐츠를 즐기고 계신다면, 구독 버튼을

[07:40] 눌러주시면 정말 감사하겠습니다.

[07:42] 구독 버튼을 눌러주세요. 또한 채널 멤버십을

[07:44] 테스트로 시작했는데, 첫 번째 등급을

[07:46] 출시한 후 지금까지 93명이 가입했습니다.

[07:48] 지원이 정말 놀라워서

[07:50] 추가 등급 출시를 고려하고 있습니다.

[07:52] 현재 멤버들은 댓글에 우선 답변을

[07:54] 받을 수 있습니다. 피드백이 필요하거나

[07:56] 질문이 있다면 완벽한 기능이죠.

[07:58] 그런데 만약 Claude Code를 어디서든

[08:00] 어떤 기기에서든 접근할 수 있다면 어떨까요?

[08:02] 여기서 두 번째 도구가 등장합니다.

[08:04] 본질적으로 Claude Code를 위한

[08:06] 웹 기반 GUI입니다. 이전에 Claudia라는

[08:09] 다른 GUI를 소개했었는데,

[08:11] 차이점은 Claudia가 더 복잡하고

[08:13] 기능이 풍부하며 인터페이스가

[08:15] 뛰어났다는 점입니다. 이 도구는

[08:17] 완전히 다른 것을 제공합니다.

[08:19] 어떤 기기에서든 브라우저로

[08:21] 접근할 수 있습니다. 즉, Claude Code와

[08:23] 제 프로젝트들이 컴퓨터에서 실행되는 동안

[08:25] 저는 실제로 모바일 브라우저를 통해

[08:27] Claude Code를 사용할 수 있습니다.

[08:29] 정말 강력한 기능이고 설정도

[08:31] 놀랍도록 간단합니다. 이 스크립트를

[08:33] 복사해서 설치하면 됩니다.

[08:35] 또한 수퍼클라우드 설치에 대해서는

[08:37] 걱정하지 마세요. 마지막에 다룰 예정입니다.

[08:39] 이것은 기본적으로 실행 파일입니다.

[08:41] 설치하려는 위치로 이동하세요.

[08:43] 예를 들어, 저는 실행 파일을 둔

[08:45] Claude Web UI 폴더에 있습니다.

[08:47] 스크립트를 실행하면 모든 것을

[08:49] 자동으로 처리해줍니다. 올바른 위치에

[08:51] 붙여넣으면 실행할 준비가 됩니다.

[08:53] 다양한 시작 방법이 있습니다.

[08:55] 기본 명령은 localhost 8080에서

[08:57] 실행되는데, 이는 컴퓨터에서만

[09:00] 로컬로 실행됩니다. 하지만 이렇게 하면

[09:01] 제가 설명하는 네트워크 기능을

[09:03] 사용할 수 없습니다. 네트워크 어디서든

[09:05] 접근할 수 있게 하려면

[09:07] 이 명령을 대신 사용하세요.

[09:09] 이것을 복사하겠습니다. 터미널로 돌아가서

[09:11] 붙여넣습니다. 작은 문서화 오류가 있습니다.

[09:14] 전체 실행 파일 이름이 표시되지 않아요.

[09:16] 그래서 제가 했던 것처럼 ls 명령을 사용해서

[09:18] 수정하세요. 올바른 실행 파일 이름을

[09:20] 확인하고 실행하면 됩니다.

[09:22] 그럼 다른 기기에서 어떻게 연결할까요?

[09:24] 네트워크에서 실행되고 있으니

[09:26] 다른 기기에서 연결하려면

[09:28] 현재 네트워크의 IP 주소가 필요합니다.

[09:30] 이를 위한 별도의 명령이 필요합니다.

[09:32] ChatGPT에게 물어보거나 제가 여기서

[09:35] 사용한 것을 사용할 수 있습니다. Warp이

[09:37] 제공해서 IP 주소를 얻었습니다.

[09:40] 이 IP 주소를 얻으면 Web UI가

[09:42] 실행되고 있는 곳으로 돌아가세요.

[09:44] 포트 번호를 복사하고 브라우저를 열어주세요.

[09:46] 이것은 어떤 기기에서도 작동합니다.

[09:48] 모바일, 다른 컴퓨터 등 같은 네트워크에만

[09:50] 연결되어 있으면 됩니다. 제 컴퓨터에서

[09:52] 시연하고 있지만 같은 네트워크에

[09:54] 연결된 어떤 기기에서든 브라우저로

[09:56] 작동합니다. 붙여넣고 0을 제거한 후

[09:58] IP 주소를 추가하면 웹 UI가 나타납니다.

[10:00] 꽤 기본적이고 화려하지는 않습니다.

[10:02] 새 디렉토리를 만들거나 기존 프로젝트를

[10:04] 선택할 수 있습니다. 기존 프로젝트에서

[10:06] Claude Code와 채팅하면 작업을 시작합니다.

[10:08] 여기서 초기화된 것을 볼 수 있습니다.

[10:10] 놀라운 점은 크로스 디바이스 접근성입니다.

[10:11] 저는 이것을 사용해서 집 어디서든

[10:14] Claude Code를 실행할 수 있습니다.

[10:16] 집 안 어디서든 사용할 수 있어요. 휴대폰으로 접속해서

[10:18] Claude Code를 직접 사용할 수 있거든요.

[10:19] 정말 유용해서 여러분과 공유할 가치가 있다고 생각했어요.

[10:21] 그 외에는 특별한 기능은 없어요.

[10:23] 명령어들도 시도해봤지만 작동하지 않더라고요.

[10:25] 그래서 안타깝게도 Supercloud 구성은 여기서 작동하지 않아요.

[10:28] 그래도 꽤 멋진 도구예요.

[10:30] 활용해볼 수 있습니다.

[10:31] 이제 Supercloud 설치 방법을 알아보겠습니다.

[10:33] GitHub 저장소로 가서 설치 프로그램을 찾아야 해요.

[10:36] 이 코드 라인들을 복사해서

[10:38] 프레임워크를 다운로드하고 싶은 곳에 붙여넣으세요.

[10:40] 이렇게 하면 저장소가 시스템에 복제됩니다.

[10:42] 완료되면 폴더로 이동하면

[10:44] 설치 스크립트를 볼 수 있어요.

[10:46] 이 스크립트가 모든 것을 처리해줍니다.

[10:48] 설치 옵션이 두 가지 있어요.

[10:50] 첫 번째는 글로벌 설치입니다.

[10:52] 이는 모든 Claude Code 인스턴스가

[10:54] Supercloud에 접근할 수 있다는 뜻이에요.

[10:56] 두 번째 옵션은 프로젝트별 설치입니다.

[10:58] 이 경우 대신 이 명령어를 사용해야 하고

[11:00] 이 부분을 제거하고 실제 폴더 경로로 바꿔야 해요.

[11:02] 제가 입력한 것처럼 말이죠.

[11:04] 기억해야 할 핵심 포인트가 있어요.

[11:06] 타겟 폴더가 무엇이든

[11:08] 경로 끝에 .claude를 추가해야 해요.

[11:10] 제가 여기서 추가한 것처럼요.

[11:12] 구성 파일들이 그 .claude 폴더 안에 있어야 해요.

[11:14] 글로벌 옵션을 선택한다면

[11:16] 기존의 .cloud 폴더를 먼저 정리하고

[11:18] 설치 스크립트를 실행하세요.

[11:20] 이것으로 이 영상의 끝입니다.

[11:22] 채널을 지원하고 이런 영상을 계속 만들 수 있도록

[11:24] 도움을 주고 싶으시다면

[11:26] 아래의 슈퍼 땡스 버튼을 사용해주세요.

[11:27] 언제나 시청해주셔서 감사하고

[11:30] 다음 영상에서 또 만나요.

[11:32]

[11:34]

[11:36]

[11:38]

[11:40]

[11:42]