自适应设计偏好引擎

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

自动学习用户视觉偏好,适配UI/图形/视频/印刷多媒介,持续进化设计风格记忆。自适应设计偏好引擎。通过观察用户在设计过程中的选择、反馈与反应,自动提取并沉淀视觉偏好模式.

一句话选型结论

按资料字段整理

自适应设计偏好引擎是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install zcwl/design-toolkit
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方zcwl仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 enterprise
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791733376
正文体量17.4 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
自适应设计偏好引擎当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

17.4 KB
模型实际读到的说明书原文,来自技能仓库

> 功能说明: 本技能涵盖 化工作流场景 等核心能力。

Design

自适应设计偏好引擎。通过观察用户选择与反馈,自动学习并沉淀视觉偏好,适配 UI、图形、视频、印刷等多媒介创作。偏好档案随使用持续进化.
范围外(本技能不做): 3D 建模与动画制作、设计稿自动渲染输出、设计工具操作控制、品牌资产管理系统.

输入参数

参数名 类型 必填 说明
input string 是 自适应设计偏好引擎处理的输入数据或指令
options object 否 附加配置选项,如模式选择、格式偏好等
callback_url string 否 异步处理完成后的回调通知URL

专业版增值服务

能力 免费版 付费版
基础功能 支持 支持
高清分辨率与无损输出 不支持 支持
批量生成与风格预设 不支持 支持
自定义模型微调 不支持 支持
商用版权授权 不支持 支持
多版本对比与A/B优选 不支持 支持

前置条件

运行环境

  • Agent平台: 支持SKILL.md的任意AI Agent(Claude Code / Cursor / Codex / Gemini CLI等)
  • 操作系统: Windows / macOS / Linux

依赖项

依赖项 类型 是否必需 获取方式
LLM API API 必需 由Agent内置LLM提供

API Key 配置

需要配置对应API Key,详见上文环境配置章节

可用性分类

  • 分类: MD+EXEC()

API Key配置方式:

export API_KEY="${API_KEY:?请设置环境变量}"

配置后需重启会话或开启新终端生效。API Key应妥善保管,避免泄露到版本控制系统.

偏好档案结构

偏好档案分为四大分区,初始为空,随使用自动填充:

Aesthetic(美学风格)

记录用户对色彩、排版、留白、字体、质感等美学元素的偏好.
示例条目格式(精简紧凑):

- 配色: 偏好低饱和度暖色调,避免高对比霓虹色
- 排版: 左对齐为主,行高 1.6,段间距 16px
- 字体: 无衬线优先,标题用 Inter,正文用 Noto Sans
- 留白: 大量负空间,内容区不超过视口 60%

By Medium(按媒介细分)

按不同设计媒介记录差异化偏好:

- UI: 圆角 8-12px,阴影柔和,深色模式优先
- 图形: 扁平化插画,几何构图,限定 5 色调色板
- 视频: 16:9 为主,字幕底部居中,转场用淡入淡出
- 印刷: CMYK 色域,出血 3mm,正文字号不小于 9pt

Brands(品牌专属偏好)

为不同品牌维护独立偏好配置:

- 品牌A: 主色 #1a73e8,辅色 #34a853,风格偏科技感
- 品牌B: 主色 #e8344e,风格偏年轻活泼,多用插画

Never(禁忌清单)

记录用户明确不喜欢的视觉元素:

- 不用: 渐变背景、毛玻璃效果、Emoji 图标
- 避免: 全大写标题、斜体正文、纯黑纯白
- 禁止: 抖动动画、自动播放视频、弹窗遮罩

偏好学习机制

检测信号

从以下用户行为中提取偏好信号:

  1. 选择行为: 用户在多个方案中选择某一个时,记录被选方案的视觉特征
  2. 反馈表达: 用户对设计输出给出评价(喜欢/不喜欢/修改意见)时,提取评价指向的视觉元素
  3. 修改行为: 用户要求修改某个视觉元素时,记录修改前后的差异
  4. 反应强度: 用户对某个设计表现出强烈情绪反应时,标记为高权重信号

确认规则

  • 同一偏好方向出现 2 次以上 一致信号后,自动确认写入偏好档案
  • 仅 1 次出现的信号标记为"待观察",不写入正式档案
  • 出现矛盾信号时(如既选了圆角又要求直角),保留两条记录并标注冲突
  • 已确认的偏好可被用户显式覆盖或删除

条目维护规则

  • 精简紧凑: 每条偏好不超过 1 行,避免冗长描述
  • 具体可执行: 记录具体数值或明确指令(如"圆角 8px"而非"圆角适中")
  • 分类归档: 按 Aesthetic / By Medium / Brands / Never 四区归档
  • 定期整理: 当条目超过 50 条时,合并相似条目,清理过时条目

参考文件

dimensions.md

维护偏好类别维度,定义可观察的视觉属性范围:

  • 色彩维度: 色相、饱和度、明度、对比度、配色方案
  • 排版维度: 对齐、行高、字距、字号层级、字体族
  • 构图维度: 网格、留白、比例、对称性、视觉重心
  • 质感维度: 圆角、阴影、渐变、纹理、透明度
  • 动效维度: 时长、缓动、触发方式、过渡类型

criteria.md

维护条目格式规范:

  • 格式: - 属性: 具体描述
  • 属性用中文,描述含具体数值或明确指令
  • 多值用顿号分隔: 圆角 8px、12px、16px
  • 禁忌标注: 不用: 未指定 / 避免: 未指定 / 禁止: 未指定

使用说明

  1. 检查偏好档案是否为空,为空则进入观察模式
  2. 在设计交互中观察用户的选择、反馈、修改与反应行为
  3. 提取视觉特征信号,与已有偏好比对
  4. 同一偏好方向出现 2 次以上一致信号后,按 criteria.md 格式写入对应分区
  5. 后续设计输出前,先读取偏好档案,确保输出符合已确认偏好
  6. 用户显式否定某偏好时,从档案中移除或标注冲突
  7. 定期整理档案,合并相似条目,清理过时条目

案例展示

案例一: UI 配色偏好学习

场景: 设计师在连续 3 个项目中都选择了低饱和度暖色调配色方案

观察记录:

信号1: 项目A - 用户选择了 #f5f0eb 背景 + #8b7355 主色,反馈"这个配色舒服"
信号2: 项目B - 用户从 3 个方案中选了暖灰系方案,弃选高对比方案
信号3: 项目C - 用户要求将冷蓝配色改为暖棕色调

确认写入 Aesthetic 分区:

- 配色: 偏好低饱和度暖色调(米色/棕色系),避免高对比霓虹色

说明: 3 次一致信号超过 2 次阈值,自动确认。后续 UI 设计输出默认使用低饱和暖色调,除非用户显式指定其他配色.

案例二: 多品牌偏好切换

场景: 团队服务品牌A(科技感)与品牌B(年轻活泼),需在不同项目中切换视觉风格

Brands 分区记录:

- 品牌A: 主色 #1a73e8,辅色 #34a853,风格偏科技感,无衬线字体,几何图形
- 品牌B: 主色 #e8344e,辅色 #ff9800,风格偏年轻活泼,多用插画,圆角 16px

切换行为: 当用户提到"品牌A的项目"时,引擎自动加载品牌A偏好;提到"品牌B"时切换到品牌B偏好。避免风格混淆.
说明: Brands 分区为每个品牌维护独立条目,切换时按品牌名索引加载。已确认的品牌偏好不会被其他品牌的信号覆盖.

案例三: 禁忌清单积累

场景: 用户在多次设计中明确表示不喜欢毛玻璃效果和全大写标题

观察记录:

信号1: 设计稿A - 用户要求移除毛玻璃卡片效果,反馈"毛玻璃太花哨"
信号2: 设计稿B - 用户要求标题改为首字母大写,反馈"全大写太正式"
信号3: 设计稿C - 用户再次否决毛玻璃方案

确认写入 Never 分区:

- 不用: 毛玻璃效果(backdrop-blur)、全大写标题

说明: 毛玻璃效果出现 2 次否定信号后确认写入禁忌清单。全大写标题仅 1 次信号但用户反馈强烈,提前确认。后续设计不再使用这些元素.

热门问题

Q1: 偏好档案什么时候开始有内容?

A: 偏好档案初始为空。引擎在用户进行设计交互时观察选择、反馈、修改与反应行为,同一偏好方向出现 2 次以上一致信号后自动写入。通常经过 2-3 次设计交互后开始有初始条目.

Q2: 偏好档案会冲突怎么办?

A: 当同一维度出现矛盾信号(如既选圆角又要求直角)时,引擎保留两条记录并标注冲突。后续设计输出时提示用户显式选择,确认后删除被否决的条目.

Q3: 可以手动编辑偏好档案吗?

A: 可以。用户可以显式添加、修改或删除偏好条目。手动编辑的条目优先级与自动检测的条目相同,但不会被自动覆盖。建议遵循 criteria.md 中的格式规范.

Q4: dimensions.md 和 criteria.md 的作用是什么?

A: dimensions.md 维护可观察的视觉属性维度(色彩、排版、构图、质感、动效),帮助引擎系统化识别偏好信号。criteria.md 维护条目格式规范,确保偏好条目精简紧凑且具体可执行.

Q5: 多个品牌的偏好会互相干扰吗?

A: 不会。Brands 分区为每个品牌维护独立条目,切换品牌上下文时按品牌名索引加载。品牌A的偏好信号不会覆盖品牌B的已确认条目.

Q6: Never 分区的禁忌元素会被自动移除吗?

A: 不会自动移除。Never 分区记录用户明确不喜欢的视觉元素,后续设计输出时会主动避免使用这些元素。用户可以显式删除 Never 条目以解除禁忌.

功能边界

  1. 需 LLM 支持: 偏好检测依赖 LLM 理解用户反馈语义,无 LLM 环境无法使用
  2. 初始空档案: 首次使用时偏好档案为空,需 2-3 次交互后才有初始条目
  3. 确认阈值固定: 2 次以上一致信号才确认,急性用户可能觉得学习速度偏慢
  4. 媒介类型有限: 预置 UI/图形/视频/印刷四类,其他媒介需归入最接近分类
  5. 条目上限 50 条: 超过后触发整理流程,可能丢失低频但有用的条目
  6. 复杂场景需人工辅助: 偏好冲突或品牌定位调整时可能需要人工判断
  7. 性能取决于底层模型: 偏好检测准确度受 Agent 内置 LLM 能力影响

输出规范

{
  "success": true,
  "data": {
    "result": "自适应设计偏好引擎处理结果",
    "execution_time": "0.5s",
    "metadata": {
      "version": "1.0",
      "processor": "design"
    }
  },
  "execution_log": [
    "解析输入参数",
    "执行核心处理",
    "格式化输出结果"
  ],
  "error": null
}

诊断与修复

错误现象 可能原因 诊断步骤 解决方案
偏好档案为空 用户未进行足够的设计交互 检查用户交互记录,确保有足够的设计交互数据 鼓励用户进行更多设计交互,以生成偏好档案
偏好学习速度慢 偏好确认阈值设置过高 检查确认规则配置,调整阈值或增加信号收集维度 调整确认规则,降低阈值或增加信号收集维度
输入数据格式错误 用户输入数据不符合预期格式 检查输入数据格式规范,提供格式化工具或示例 告知用户正确的输入格式,并提供格式化工具或示例
媒介类型不支持 用户尝试使用不在支持范围内的媒介类型 检查媒介类型配置,扩展支持范围或提供替代方案 扩展媒介类型支持范围,或为用户提供替代方案
偏好冲突 同一维度出现矛盾偏好信号 分析偏好冲突原因,确定优先级或用户显式选择 保留两条记录并标注冲突,提示用户显式选择

安全守则

风险项 等级 防护措施 验证方法
用户数据泄露 高 实施数据加密和访问控制 定期进行合规检查,确保数据加密和访问控制措施有效
偏好档案篡改 中 实施权限控制和审计日志 定期检查审计日志,确保没有未授权的修改
系统问题分析 高 保持系统更新和打补丁 定期进行安全扫描,确保系统没有已知漏洞
自动化攻击 中 实施速率限制和异常检测 监控系统行为,对异常活动进行响应
API密钥泄露 高 限制API密钥访问和定期更换 定期检查API密钥的使用情况和访问日志,确保安全

创新特色

提升效率 量化分析
设计迭代速度 +30%
设计一致性 +25%
用户满意度 +20%
设计师工作效率 +15%
差异化对比 对比项
传统设计流程 自适应设计偏好引擎
手动调整设计风格 自动学习并调整设计风格
需要多次用户反馈 通过少量交互即可学习偏好
设计风格一致性低 设计风格一致性高
设计迭代周期长 设计迭代周期短
用户满意度低 用户满意度高
设计师工作量大 设计师工作量小

用户答疑汇总

Q1: 自适应设计偏好引擎支持哪些输入格式?

A1: 自动学习用户视觉偏好,适配UI/图形/视频/印刷多媒介,持续进化设计风格记忆。自适应设计偏好引擎。通过观察用户在设计过程中的选择、反馈与反应,自动提取并沉淀视觉。支持文本指令和结构化参数输入,具体格式参考使用流程章节。

Q2: 需要配置API Key吗?

A2: 是的,部分功能需要配置对应平台的API Key。请在依赖说明章节查看具体要求,并通过环境变量安全配置。

Q3: 命令行执行失败怎么办?

A3: 检查命令参数是否正确,确认运行环境支持exec能力。如遇权限问题,请参照错误处理章节排查。

性能数据

操作场景 手动耗时 自动化耗时 效率提升
文件解析与提取 5-10分钟/个 <5秒/个 60-120x
批量文件处理(100个) 8-16小时 <5分钟 96-192x
API调用与响应解析 2-3分钟/次 <1秒/次 120-180x
多接口数据聚合 15-30分钟 <10秒 90-180x
命令执行与结果收集 3-5分钟/次 <2秒/次 90-150x
重复任务批量执行 因任务而异 线性缩减 5-50x
错误排查与修复 10-30分钟 <30秒 20-60x

特色对比

对比维度 自适应设计偏好引擎 传统手动方式 通用脚本工具
自动化程度 全流程自动 完全手动 部分自动
错误处理 内置错误恢复 依赖人工经验 基本try-catch
可复用性 参数化配置 一次性脚本 模板化
安全合规 内置安全检查 无安全保障 无安全保障
适用场景 自动学习用户视觉偏好,适配UI/图形/视频/印刷多媒介,持续进化设计风格记忆。自 通用场景 通用场景

错误恢复策略

针对自适应设计偏好引擎使用中可能遇到的常见问题,提供以下排查方案:

错误类型 原因分析 解决方案
API认证失败(401) API密钥错误或过期 检查密钥配置,重新生成token
接口限流(429) 请求频率超出限制 降低调用频率,启用重试退避策略
响应超时(504) 网络延迟或服务端负载过高 增加超时阈值,检查网络连接
文件不存在 路径错误或文件未创建 检查路径拼写,确认文件已生成
文件格式不支持 扩展名不在支持列表中 转换为支持的格式后重试
权限不足 当前用户无读写权限 检查文件权限,以管理员身份运行
命令执行失败 参数错误或环境依赖缺失 检查命令语法,确认依赖已安装
进程超时 命令执行时间过长 增加超时设置,优化命令参数
网络连接失败 DNS解析失败或防火墙拦截 检查网络配置,确认代理设置

自适应设计偏好引擎通用排查步骤

  1. 检查输入参数: 确认所有必填参数已提供且格式正确
  2. 查看日志输出: 定位具体错误行和异常类型
  3. 验证环境配置: 确认依赖库版本和运行环境满足要求
  4. 逐步调试: 缩小问题范围,隔离故障模块

常见问题

5 问
答案由本站依据条目字段整理
自适应设计偏好引擎怎么安装?

在支持 Skills 的客户端里执行:skillhub install zcwl/design-toolkit。安装方式为未标注。装完刷新技能列表或重开客户端。

自适应设计偏好引擎支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

自适应设计偏好引擎权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

自适应设计偏好引擎收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

自适应设计偏好引擎用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。