Redesign by Nodewave
Nodewave의 Redesign은 Claude가 라이브 미리보기, 편집 가능한 레이어, 그리고 컴퓨터를 떠나지 않는 API 키 없이 LinkedIn/Instagram 캐러셀 게시물을 코드에서 직접 디자인하고 생성할 수 있도록 하는 무료 오픈 소스 로컬 도구입니다.
https://www.nodewave.io/redesign?ref=producthunt&utm_source=aipure
제품 정보
업데이트됨:May 18, 2026
Redesign by Nodewave이란?
Nodewave의 Redesign은 MIT 라이선스가 적용된 로컬 우선 디자인 도구로, 팀이 빈 캔버스에서 시작하지 않고도 브랜드 소셜 미디어 캐러셀을 만들 수 있도록 돕기 위해 제작되었습니다. 별도의 그래픽 앱에서 디자인하는 대신, 원하는 것을 설명하면 Claude가 기존 코드베이스와 브랜드 구성 요소를 사용하여 슬라이드를 생성하며, 이를 라이브로 미리 보고 캔버스 편집기에서 편집할 수 있습니다. LinkedIn 및 Instagram과 같은 플랫폼용으로 설계되었으며, 전적으로 컴퓨터에서 실행되고 Node.js 20+ 및 Claude Code와 함께 작동하므로 자산, 게시물 및 API 키가 계속 제어됩니다.
Redesign by Nodewave의 주요 기능
Nodewave의 Redesign은 무료 오픈 소스 로컬 디자인 도구로, Claude(Claude Code + MCP 서버를 통해)를 사용하여 소셜 미디어 캐러셀 게시물(예: LinkedIn 및 Instagram)을 코드에서 직접 생성하고 편집하고, 브라우저 캔버스에서 실시간으로 미리 보고, 내보내거나 공유할 수 있습니다. 기존 코드베이스와 브랜드 구성 요소를 활용하여 빈 캔버스에서 시작하지 않고 자산과 API 키가 사용자 컴퓨터에 유지됩니다.
Claude 기반 캐러셀 생성 (MCP 기반): 원하는 게시물을 설명하면 Claude가 저장하기 전에 유효성 검사를 통해 구조화된 데이터(레이어, 정렬, 텍스트 변경)로 캔버스를 조작하여 슬라이드를 만듭니다.
Nodewave 백엔드 없는 로컬 우선: 전적으로 사용자 컴퓨터에서 실행됩니다. 게시물, 이미지 및 자격 증명은 공급업체 제어 서버에 업로드되지 않으며 Redesign은 사용자 API 키를 절대 보지 않습니다.
한 번의 명령 설치 + 빠른 설정: 단일 명령(`npx @nodewave-io/redesign`)으로 설치하고 로컬 캔버스 앱을 엽니다. Claude Code와의 MCP 통합을 등록/복구하는 `connect` 명령이 포함되어 있습니다.
라이브 미리보기 캔버스 편집기: 실제 디자인 도구처럼 브라우저 기반 캔버스(localhost)에서 작업하여 생성된 슬라이드를 미리 보고 반복하지만 코드로 지원됩니다.
코드베이스에서 브랜드 인식 출력: 빈 캔버스 대신 Claude는 이미 구축한 구성 요소, 스타일 및 정리된 자산을 사용하여 디자인할 수 있으므로 게시물이 브랜드와 일관성을 유지하는 데 도움이 됩니다.
다중 형식 소셜 내보내기: Instagram 및 LinkedIn 캐러셀 형식에 적합한 정사각형 및 세로 종횡비를 지원하여 채널 간 재사용을 가능하게 합니다.
Redesign by Nodewave의 사용 사례
스타트업 마케팅 캐러셀: 전담 디자이너 없이도 브랜드화된 LinkedIn/Instagram 슬라이드로 출시 발표, 기능 하이라이트 및 제품 업데이트를 생성합니다.
에이전시 콘텐츠 제작: 각 클라이언트의 구성 요소/스타일링 시스템을 사용하고 프롬프트와 실시간 미리보기를 통해 반복하여 반복 가능하고 브랜드에 맞는 클라이언트 캐러셀을 더 빠르게 만듭니다.
개발자 주도 소셜 콘텐츠: 엔지니어링 팀은 Photoshop/Figma로 전환하는 대신 코드 워크플로에서 직접 세련된 캐러셀(릴리스 노트, 변경 로그, 기술 설명)을 제작할 수 있습니다.
크리에이터/교육 스레드를 슬라이드로: 개요 또는 장문의 노트를 도구에 의해 적용되는 일관된 레이아웃 규칙(정렬, 간격, 타이포그래피)이 있는 구조화된 다중 슬라이드 설명으로 전환합니다.
채용 및 고용주 브랜딩: 채용 게시물, 문화 하이라이트 및 이벤트 요약을 일관된 캐러셀 템플릿으로 디자인한 다음 역할 또는 캠페인에 따라 텍스트와 시각 자료를 빠르게 사용자 지정합니다.
장점
무료 및 MIT 라이선스; 포크 및 사용자 지정이 쉽습니다.
로컬 우선 개인 정보 보호 모델(공급업체 백엔드 없음; 자산은 사용자 컴퓨터에 유지됨).
기존 코드베이스/브랜드 구성 요소를 사용하여 브랜드 이탈 및 빈 캔버스 시간을 줄입니다.
단점
Node.js 20+ 및 Claude Code가 필요하며, 이는 비기술 팀에는 적합하지 않을 수 있습니다.
설정/통합에 문제 해결이 필요할 수 있습니다(예: Claude Code 재시작 또는 `connect` 명령 실행).
최상의 결과는 사용 가능한 코드베이스/디자인 시스템을 갖추고 있는지에 따라 달라집니다. 확립된 구성 요소/스타일이 없는 팀에는 덜 유용합니다.
Redesign by Nodewave 사용 방법
1) 전제 조건 확인: Node.js 20+ 및 Anthropic Claude Code를 컴퓨터에 설치합니다. Redesign은 로컬에서 실행되며 자체 Claude 사용량을 사용합니다. Nodewave API 키는 필요하지 않습니다.
2) Redesign 설치: 터미널에서 `npx @nodewave-io/redesign`을 실행합니다. 그러면 로컬 캔버스 앱이 설정되고 MCP(Model Context Protocol) 서버가 Claude Code에 자동으로 등록됩니다.
3) 캔버스 앱 열기: 브라우저에서 로컬 앱을 시작/방문합니다: `http://localhost:3000` (예: `open http://localhost:3000` 실행). 여기에서 슬라이드를 미리 보고 실시간으로 편집할 수 있습니다.
4) Claude에게 디자인할 내용을 설명: Claude Code에서 Claude에게 원하는 게시물/캐러셀(주제, 톤, 슬라이드 수, 레이아웃 아이디어)을 알려줍니다. Claude는 저장하기 전에 유효성 검사를 거쳐 캔버스 레이어(복사, 정렬, 자산)를 생성하고 편집하여 슬라이드를 생성합니다.
5) 라이브 미리보기로 반복: 로컬 캔버스 미리보기에서 생성된 슬라이드를 검토합니다. Claude에게 간격, 정렬, 타이포그래피, 복사 길이 조정 또는 슬라이드 순서 변경을 요청하여 다듬습니다. Claude는 구조화된 캔버스 데이터를 업데이트하고 변경 사항을 실시간으로 볼 수 있습니다.
6) 자신만의 브랜드/구성 요소 사용: Claude가 이미 코드베이스를 알고 있다면 빈 캔버스에서 시작하는 대신 기존 브랜드와 구성 요소를 사용하여 디자인할 수 있으므로 캐러셀이 제품/사이트 스타일과 일치합니다.
7) 올바른 형식 선택 (LinkedIn/Instagram): 대상 플랫폼에 맞게 캔버스 종횡비를 설정합니다. 이 도구는 Instagram에 적합한 정사각형 및 세로 형식을 지원하며, 내보내기는 LinkedIn 캐러셀에도 작동합니다.
8) 캐러셀 내보내기: 완성된 슬라이드를 캔버스에서 내보내 LinkedIn, Instagram, Reddit 또는 기타 채널에 게시(예: 캐러셀로)합니다.
9) 문제 해결: Claude Code에 도구가 나타나지 않음: Claude Code를 다시 시작합니다(시작 시 MCP 구성을 읽습니다). 도구가 여전히 나타나지 않으면 `npx @nodewave-io/redesign connect`를 실행하여 MCP를 등록하고, 로컬 stdio 서버가 응답하는지 확인하고, 구체적인 오류를 표시합니다.
10) Claude 진단으로 문제 해결 (선택 사항): 여전히 문제가 해결되지 않으면 어떤 세션에서든 Claude에게 "redesign MCP에 연결하여 보이는 것을 보고해 줘"라고 물어보세요. Claude는 자체 진단을 읽고 잘못 구성된 부분을 식별하는 데 도움을 줄 수 있습니다.
Redesign by Nodewave 자주 묻는 질문
Redesign은 Claude가 LinkedIn 및 Instagram 캐러셀 게시물을 디자인할 수 있도록 하는 무료 오픈 소스 로컬 도구입니다. 게시물을 설명하면 Claude가 사용자가 제어하는 캔버스 편집기에서 슬라이드를 만듭니다.
Redesign by Nodewave와(과) 유사한 최신 AI 도구
PPTalker
PPTalker는 프레젠테이션을 AI 기반 다국어 음성 해설 및 자막이 포함된 매력적인 비디오로 변환하는 온라인 PowerPoint 비디오 변환기입니다.
Napkin
Napkin AI는 텍스트를 시각적으로 매력적인 그래픽, 다이어그램 및 일러스트레이션으로 자동 변환하여 비즈니스 커뮤니케이션 및 스토리텔링을 향상시키는 혁신적인 AI 기반 도구입니다.
Aidocmaker.com
Aidocmaker.com은 사용자가 몇 분 만에 전문 문서, 프레젠테이션, 스프레드시트 및 음성 해설을 손쉽게 생성할 수 있는 AI 기반 문서 생성 플랫폼입니다.
Yanbi AI
Yanbi AI는 클릭 한 번으로 다양한 작문 시나리오를 위한 고품질 콘텐츠를 생성하는 무료 AI 기반 작문 도구입니다.
Redesign by Nodewave와(과) 유사한 인기 AI 도구
MulmoCast
MulmoCast는 다양한 AI 기술을 사용하여 단일 스크립트에서 비디오, 팟캐스트, 슬라이드, PDF 및 만화 스타일 콘텐츠를 자동으로 생성하는 AI 기본 멀티 모달 프레젠테이션 도구입니다.
MulmoCast Vision
MulmoCast Vision은 모델 컨텍스트 프로토콜(MCP)을 통해 LLM을 통해 전문적인 프레젠테이션 슬라이드를 자동으로 생성하는 AI 기반 도구로, 다양한 기업 요구 사항에 맞는 80개 이상의 비즈니스 중심 템플릿을 제공합니다.
Gamma
Free TrialAI Presentation Generator
Gamma App은 디자인이나 코딩 기술이 필요 없는 아름다운 프레젠테이션, 문서 및 웹사이트를 만드는 AI 기반 도구입니다.
SLIDESGO
Slidesgo는 Google Slides 및 PowerPoint를 위한 전문적으로 디자인된 프레젠테이션 템플릿을 제공하는 무료 온라인 플랫폼으로, 사용자 정의 가능한 테마, 인포그래픽 및 AI 기반 도구를 통해 매력적인 프레젠테이션을 더 빠르게 만들 수 있도록 돕습니다.