跳到正文
人人都是产品经理· 元尧·· 3 小时前精选AI 评分38

设计师用 tweakcn 从 0 搭 shadcn/ui 组件库,附 AI 生成指令

从 0-1 创建 AI 组件库,保姆级教程+指令!

AI 导读

作者以 tweakcn 为例,演示代码小白如何用 shadcn/ui 搭一套自己维护、方便 AI 协作的组件库,分手动调参和 AI 生成代码两种方式。入场只需打开 tweakcn 官网,从预设主题起步,在左侧面板调色值、圆角、间距,右侧实时预览,再用内置 WCAG 对比度检查校验。

推荐理由

面向不会写代码的设计师和产品人,给出用 tweakcn 搭 shadcn/ui 组件库的参数设置与现成提示词,并点明渐变、透明度、字体等限制。

来源:人人都是产品经理 · woshipm.com