把你的审美,变成 AI 的设计标准。

描述想要的感觉,或给一张喜欢的参考。
ByTaste 帮你说清偏好、形成设计规范,
让 AI 在每次设计时都有依据。

npx skills add xmili233/bytaste-skill

在项目目录运行 ·

AI 设计缺的,不是能力,而是明确的标准。

“高级一点”“更有设计感”,仍然留下了大量模糊的判断。ByTaste 将你的审美整理成具体、可执行的设计规范,让 AI 清楚该怎样设计,并在后续页面中持续遵循。

不必懂设计,
说说你的感觉。

描述想要的感觉,或给一张参考。我们帮你说清偏好。

把感觉,
变成设计规范。

内置结构化规则,将感觉转成 AI 可执行的标准。

表达风格

内容组织

信息架构

内容语气

视觉层级

布局构图

网格对齐

密度留白

字体排版

视觉尺度

配色系统

明暗色温

形状圆角

材质纹理

图标图像

空间层次

组件组合

交互状态

动效节奏

反馈层级

响应适配

语言回退

主题变体

偏好延续

定好一次风格,
新页面持续沿用。

将喜欢的设计沉淀为项目规范。之后在同一项目里创建新页面,AI 沿用已确认的设计语言,不必每页重新找参考、重复解释偏好。

开始你的下一次设计。

装好 ByTaste,告诉 AI 你喜欢什么。

npx skills add xmili233/bytaste-skill
ByTaste Skill · v0.5.2

给你的 AI,
一份设计依据。

  1. 在项目目录运行 npx skills add xmili233/bytaste-skill,按提示选择 AI 工具。
  2. 也可以下载 ZIP,解压后手动导入 bytaste 文件夹。
  3. 告诉 AI 使用 ByTaste,描述喜欢的感觉或提供参考。
安装后,可以这样开始

使用 ByTaste,帮我明确这个项目的设计方向。我希望界面干净、有重点,但不想太空。结合我的参考,整理设计规范并生成可以查看的样式预览;把我的选择记录下来。

下载 Skill

命令安装需要 Node.js 22.20+。