Shadcn，这款广受欢迎的开源 UI 组件库，发布了一款可视化项目构建工具，可通过 npx shadcn create 命令来使用。该工具内置完善的主题系统，支持多种框架，并采用“设计优先”的方式来创建新项目。
create 命令（ui.shadcn.com/create）提供了一个可视化界面，让开发者在编写第一行代码之前就能完成整个项目的自定义配置。该工具支持 Next.js、Vite 和 TanStack Start 框架，可完整配置主题、组件库、图标集和设计系统。
其核心功能是实时预览和自定义项目设计系统的各个方面。开发者可以选择 Radix UI 或 Base UI 作为组件基础，从多种视觉风格中选择（包括热门的 Nova 预设），配置基础颜色和主题，选择 Lucide 等图标库，自定义字体和圆角值，调整菜单颜色和强调色。界面还提供“随机生成”功能，可快速生成随机设计组合，帮助开发者探索不同的视觉风格方向。
该工具会引导用户选择框架，并打开可视化构建器，在生成代码前完成所有自定义配置。这种方式与传统的脚手架工具（如 create-next-app 或 create-vite）形成对比——后者通常需要在项目初始化后再添加样式和组件库。通过将这些决策前置，可视化构建器省去了开发者以往需要手动完成的重复性配置工作。当开发者对自定义配置满意后，系统会生成一条包含所有所选参数的定制化 shadcn create 命令。
这款可视化构建器是 shadcn 生态中最重要的新增功能之一，拥有完善的设计系统配置与组件级预览能力，为创建和生成完整的 shadcn 应用提供了全新方式——在编写代码前就能确定所有设计方案。
对于熟悉此前 init 工作流的开发者，安装文档已确认将 shadcn create 作为推荐的新项目创建起点，不过传统的 npx shadcn@latest init 命令仍然可用于向现有项目添加 shadcn。
可视化构建器的理念与 shadcn 的核心原则——开放代码所有权——高度一致。与以 npm 包形式发行的组件库不同，shadcn 的组件是直接复制到项目代码库中的，这让开发者拥有完全的控制权。这种做法在 Reddit 上引发了社区讨论，有用户对 shadcn 的流行表示不解，其中一位用户总结了原因：
Shadcn 组件是即插即用的，你可以根据自身需求随意定制。举个例子——我们遇到过组合框过滤功能的问题，我直接禁用了内置过滤，换成了另一个库。
另一个好处是，当部分功能无法正常使用时，社区会提供替代方案或组件，这要得益于它极高的人气。
在 Twitter 上，作者发布的公告推文获得了巨大反响，收获超过 9000 个点赞和 400 多条评论。
Shadcn 是由 Vercel 的 shadcn 打造的开源组件分发平台。与传统组件库不同，它以代码注册表的形式运作，组件直接安装到项目中，而非作为依赖项引入。该平台在 GitHub 上已获得超过 10 万星标，支持 Next.js、React、Vue 和 Svelte 等多个框架。
原文链接：
