视觉情绪板制作

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

解决做产品时AI 味浓的问题,让你和 AI围绕产品关键词和已有想法,搜集真实设计作品,展示可回看的候选图库,与用户看图讨论、调整搜索,再把共同形成的判断整理成情绪板。 适用于视觉参考研究、寻找或深化调性、共创情绪板,并可按需继续制作设计初稿。

一句话选型结论

按资料字段整理

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

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

安装

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

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

  2. 2
    拿到技能文件

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

  3. 3
    刷新技能列表

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

  4. 4
    验证是否生效

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

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_398d1073仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791623156
正文体量7.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 全文

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

共创式视觉情绪板

减少 AI 味,让设计不再千篇一律

AI 生成的设计总是似曾相识?用真实设计参考和你的判断,找到更有个性的视觉方向。

这个 Moodboard Skill 帮你搜集真实作品、浏览选图、讨论补搜,再整理情绪板。适合品牌视觉、UI 设计、封面设计和创意研究。

你会得到:真实参考图库、选图与讨论记录、情绪板,以及按需制作的设计试样。

试着这样开始:

我的咖啡品牌想要温暖、粗粝、手工的感觉,但不想做成千篇一律的 AI 设计。
先找真实设计参考,让我看图、选图,我们讨论后再整理情绪板。

Less AI sameness. More design character. Find real design references, discuss your picks, and build a visual direction through a collaborative moodboard workflow.

中文使用说明 · English guide · 真实图文案例

Agent 执行说明

找图、看图和讨论本身就是有价值的设计工作。主要共创界面是候选图库:用户能看到关键词找到了哪些设计、比较不同解释,并沿着感兴趣的作品继续深入。情绪板在判断逐渐清晰后整理,记录方向如何从这些材料与讨论中形成。

从哪里开始

  • 没有明确方向:了解产品与使用场景,共同联想词,再用图片帮助判断词的含义。
  • 已有关键词或大致调性:沿用户原词直接展开参考研究,补充关联词供讨论。已有判断可以深化,也可以在看图后修订。
  • 已有参考作品:从完整项目、创作者及用户喜欢的部分开始,寻找相关设计;关键词可在过程中补充。
  • 已有具体设计问题:围绕图像处理、字图关系、裁切或系列应用等问题直接研究;用户需要时先做针对性试样,再回到看图讨论。
  • 已有共同选图和讨论记录:复用已明确的选择,从未解决的问题继续;依据充分时可直接整理情绪板。
  • 明确要求 Agent 代选或直接交付:沿用该授权,提供整理结果及可回看的候选材料,标明 Agent 判断,不把代选记成用户偏好。

默认工作循环

关键词与已有想法 → 搜集真实设计 → 展示候选图库 → 一起看图讨论 → 按反馈深入或换路线 → 整理情绪板。

  1. 理解本次探索对象、已有判断与要解决的问题。
  2. 围绕关键词广泛搜索,把实际收集的候选、搜索词和来源留下来。
  3. 向用户展示有足够比较空间的图库,可以按词浏览、放大、打开完整项目和回看其他候选。
  4. 根据用户选图及表达,讨论具体设计决定,更新关键词和搜索路线。
  5. 判断已经能支撑方向时,整理一张或多张情绪板;保留候选图库与讨论依据。
  6. 用户需要时,再用真实产品内容制作关键画面或动作,验证方向能否成立。

流程可以往返:具体问题研究 → 可选试做 → 看结果讨论 → 补搜或整理方向,不必先完成整张情绪板。试做沿用用户授权;喜欢某张参考,只记录为参考偏好,不自动等于接受试做方案。

提交图库后,给用户看图和表达判断的机会。可继续核验来源、补足已知搜索缺口;在收到反馈前,保留当前材料为候选,勿擅自把自己的筛选当成共同结论。“帮我做情绪板”默认采用共创流程;已有偏好和明确代选授权直接沿用,无需重复确认。

关键原则

  • 过程可见:呈现本轮关键词、关联词和它们找到的设计。记录范围限于实际收集的候选,说明来源与搜索缺口,不声称穷尽所有相关作品。
  • 材料可回看:区分收集、展示、Agent 推荐和用户选择。推荐只是图库中的一个视图;其余候选仍能浏览,去重或失效项有记录。
  • 先给比较空间:覆盖同一词的不同解释及项目相关维度。首轮提供可充分浏览的设计材料,按量分页;不要只选几张图包装成完整方向。数量依据覆盖度与差异决定。
  • 讨论具体作品:既看整体,也看字体关系、裁切、比例、材质与系列应用。保留最吸引人的设计决定,避免只概括成配色和形容词。
  • 关键词可以变化:允许跨词选图、全都不选、只喜欢局部,以及看图后改词。把用户原话、Agent 推断和实际验证分开记录。
  • 整理服务判断:方向来自材料与讨论,板面以图片关系为主。可保留大图、细节和完整项目;拼贴削弱作品表现时,沿用参考页组织结果。
  • 验证聚焦问题:按需先比较关键画面或动作,共用产品目标、内容与功能语义,允许布局、比例和信息显隐变化。用代表性素材,收到反馈后先诊断再安排对照。

执行资料

  • 开始参考研究与共创前,阅读 @references/standard-workflow.md 的阶段一至五;需要针对性试做或设计初稿时再读阶段六,可从讨论阶段直接进入。
  • 制作可回看的图库或需要留下交接材料时,按需使用 @references/deliverable-templates.md。

正式工作可保存在 moodboards/<日期>-<项目>/,沿用项目已有组织方式:

brief.md                  # 产品背景、已有判断、本轮问题
word-pool.md              # 当前词、关联词、搜索路线与修订
source-manifest.md        # 实际收集候选、来源、关键词及处理状态
image-selection.html      # 可浏览、可回看的图库,也可用分页选图页
selected-images.md        # 用户选图、原话、讨论与下一轮搜索依据
moodboard.html            # 整理后的方向,也可用参考页或高分辨率图片
decision.md               # 最新结论置顶,历史反馈在下
ui-drafts/                # 用户需要初稿时使用
visual-language.md        # 经过选择与验证后按需交接

这些是记录职责,不要求每轮创建全部文件。只在对话中探索时也要直接展示图片并保留关键词、编号和来源;需要 HTML 等展示文件时使用工作区或临时产物目录,不把实现细节交给用户。

本轮完成的判断

搜图轮:用户能够看到足够的候选与对应关键词,放大并追溯作品,表达下一步判断。

讨论轮:用户反馈有记录,新的判断与搜索方向有依据;无法确定的部分保持开放。

整理轮:方向能追溯到讨论,候选材料仍可回看,用户选择与 Agent 补充可区分。

最终回复按当前轮次给出可看的材料、这轮形成的判断和仍待讨论的问题。

常见问题

5 问
答案由本站依据条目字段整理
视觉情绪板制作怎么安装?

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

视觉情绪板制作支持哪些客户端?

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

视觉情绪板制作权限高吗,安全吗?

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

视觉情绪板制作收费吗?

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

视觉情绪板制作用什么许可证?

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

热门专题

按场景挑技能
全部专题 →

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