
Redesign by Nodewave
Nodewave 的 Redesign 是一款免费的开源本地工具,允许 Claude 直接在代码中设计和生成 LinkedIn/Instagram 轮播帖子,具有实时预览、可编辑图层,并且您的 API 密钥永远不会离开您的机器。
https://www.nodewave.io/redesign?ref=producthunt&utm_source=aipure

产品信息
更新于:2026年05月18日
什么是 Redesign by Nodewave
Nodewave 的 Redesign 是一款获得 MIT 许可的本地优先设计工具,旨在帮助团队创建品牌社交媒体轮播,而无需从空白画布开始。您无需在单独的图形应用程序中进行设计,而是描述您想要的内容,Claude 会使用您现有的代码库和品牌组件生成幻灯片,您可以在画布编辑器中实时预览和编辑。它专为 LinkedIn 和 Instagram 等平台设计,完全在您的计算机上运行,并与 Node.js 20+ 和 Claude Code 配合使用——因此您的资产、帖子和 API 密钥都在您的控制之下。
Redesign by Nodewave 的主要功能
Nodewave 的 Redesign 是一款免费、开源的本地设计工具,它允许您(通过 Claude Code 和 MCP 服务器)使用 Claude 直接在代码中生成和编辑社交媒体轮播帖子(例如,LinkedIn 和 Instagram),在浏览器画布中实时预览它们,并导出/分享它们——利用您现有的代码库和品牌组件,这样您就不必从空白画布开始,并且您的资产和 API 密钥都保留在您的机器上。
Claude 驱动的轮播创建(MCP 支持): 描述您想要的帖子,Claude 通过将画布操作为结构化数据(图层、对齐、文案更改)来构建幻灯片,并在保存前进行验证。
本地优先,无 Nodewave 后端: 完全在您的机器上运行;帖子、图像和凭据不会上传到供应商控制的服务器,Redesign 绝不会看到您的 API 密钥。
一键安装 + 快速设置: 通过单个命令(`npx @nodewave-io/redesign`)安装并打开本地画布应用程序;包括一个 `connect` 命令,用于注册/修复与 Claude Code 的 MCP 集成。
实时预览画布编辑器: 在基于浏览器的画布(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`。这将设置本地画布应用程序并自动向 Claude Code 注册 MCP(模型上下文协议)服务器。
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 并报告您看到的内容”——它可以读取自己的诊断信息并帮助识别配置错误。
Redesign by Nodewave 常见问题
Redesign是一个免费的开源本地工具,它允许Claude设计LinkedIn和Instagram的轮播帖子。您描述帖子,Claude会在您控制的画布编辑器中构建幻灯片。











