Design CLI icon

Design CLI

Design CLI 是 Shuffle 的终端设计工具,可用来生成新的落地页或重做现有网站,并输出可编辑的 HTML 和 Tailwind CSS,适合脚本化或交互式命令行工作流。

Design CLI

概述

Design CLI 是来自 Shuffle 的命令行设计工具,可用于生成新的落地页或重做现有网站。它专为自动化工作流而构建,允许用户从终端描述页面或提供目标 URL,然后生成可编辑的设计结果,而无需在浏览器编辑器中操作。

其文档化输出主要是干净的 HTML 和 Tailwind CSS,并支持多个 AI 模型、可下载项目、截图和预览链接。Shuffle 将其定位为适合脚本、CI 作业和内部工具的方案,这些场景需要可重复的设计生成和终端优先的工作流。

功能

通过提示词生成设计

在终端中描述落地页或重做需求,CLI 会使用多个 AI 模型并行生成设计。

重设计现有网站

将 CLI 指向现有网站 URL 和设计方向,然后它会截图页面并生成保留相同内容的重设计版本。

通过一条命令比较变体

一次命令即可接收多个设计变体,并在下载或查看结果前进行选择。

可编辑的源文件输出

将生成的项目下载为可编辑的 HTML 和 Tailwind CSS,方便检查、修改和交付。

适合自动化的命令选项

使用模型选择、全模型运行、截图生成和输出保存等标志,适配脚本化或自动化工作流。

可复用的工作流示例

基于诸如 Slack 机器人或外联自动化流程等示例,将 CLI 作为设计引擎来扩展。

使用场景

  • 创建新的落地页

    开发者或设计师可以在终端中输入落地页提示词,生成多个可编辑的布局变体,再选择一个继续推进。

  • 重设计现有网站

    团队可以传入现有网站 URL 和重设计方向,创建一个保留原始内容但改变呈现方式的焕新版。

  • 自动化设计生成

    工作流负责人可以将 CLI 集成到脚本、CI 作业或内部工具中,让设计生成始终以相同方式运行。

  • 从 Slack 请求设计

    团队可以使用 Slack 机器人示例,通过频道提及或私信触发设计创建,而无需手动打开 CLI。

  • 运行重设计外联

    销售或外联工作流可以生成潜在客户网站的重设计方案,本地预览后再发送带有重设计链接的邮件外联。

Pros and Cons

Pros

  • 可直接从终端生成新页面和重设计版本。
  • 支持多个 AI 设计模型,并可并行运行。
  • 输出的是可编辑的 HTML 和 Tailwind CSS,而不是锁定的静态稿。
  • 适合脚本化工作流,包括下载、预览和保存输出。
  • 提供了 Slack 和自动化外联的文档示例工作流。

Cons

  • 公开证据未显示产品页面上有单独的 Design CLI 定价。
  • 某些工作流,例如 Slack 机器人使用或外联自动化,依赖单独的示例配置以及像 Resend 这样的额外工具。

FAQ

Design CLI 适合谁使用?

Design CLI 面向希望直接在终端中生成或重做网页、而不是在浏览器编辑器里操作的用户。源页面将其描述为适用于自动化工作流、脚本、CI 作业和内部工具。

工作流程是怎样的?

主要流程是安装 CLI、完成认证,然后运行诸如 `design create` 之类的命令来生成页面,或运行 `redesign create` 来重做现有 URL。生成的项目可以下载、预览,并以可编辑的 HTML 和 Tailwind CSS 形式查看。

它会生成什么类型的输出?

Design CLI 输出可编辑的 HTML 和 Tailwind CSS,而重做流程则从一个真实网站 URL 加上提示或方向开始。自动化外联示例还展示了截图和本地预览,作为审核流程的一部分。

Design CLI 如何定价?

Shuffle 网站上的定价信息显示的是 Shuffle Editor 的付费许可选项,包括月付、年付、终身和团队向订阅。基于所提供的证据,产品页面并未显示单独的 Design CLI 价格。

有哪些集成或相关工作流可用?

源信息显示它支持使用多个 AI 模型并行生成设计,并提到了预览链接、截图和可下载项目文件等输出。它还指向了如 Slack 触发的设计生成和外联自动化等相关工作流,但具体集成方式取决于你使用的示例或文档。

Quick Facts

类别
开发者工具
主要用途
从终端生成或重设计网站
输出格式
可编辑的 HTML 和 Tailwind CSS
平台
用于命令行工作流的 CLI
来源域名
shuffle.dev
定价形式
价格页展示的是付费 Shuffle 许可证;所提供证据中未列出单独的 Design CLI 价格