耀高泽风格AI游戏UI设计

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

游戏 UI / 界面美术 AI 绘画提示词生成器。当用户需要为某类游戏界面模块(登录/大厅/商城/抽卡/养成/战斗/设置/公告/好友/排行榜/公会/聊天/活动/角色/背包/剧情/副本/任务地图……)或 UI 元素(图标/按钮/进度条/物品格/卡片/面板/页签/标题字/LOGO)生成 Midjourney / Nijijourney 提示词时使用。内置 14 篇游戏 UI 设计参考文档,按需求加载,将风格、构图、光影、材质、配色等设计原则转化为精准、可落地的双语绘画提示词(含推荐参数与负面词)。本技能产出的是可直接粘贴进 MJ/Niji 的提示词,而非长篇设计论述。

一句话选型结论

按资料字段整理

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

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

安装

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

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

  2. 2
    拿到技能文件

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

  3. 3
    刷新技能列表

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

  4. 4
    验证是否生效

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

技能档案

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

典型使用场景

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

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

调整样式与布局

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

生成设计说明

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

选择建议

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

值得选的地方

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

先想清楚的地方

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

更适合

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

不太适合

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

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
耀高泽风格AI游戏UI设计当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 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 全文

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

游戏 UI 设计助手 · AI 绘画提示词生成器(Game UI Design → MJ/Niji Prompt Generator)

本技能面向游戏 UI / GUI 设计师与 AI 绘画使用者,把内置的 14 篇游戏 UI 设计方法论,转译为可直接出图的 Midjourney / Nijijourney 提示词。所有设计依据来自内置参考文档,禁止脱离参考文档凭空编造风格词;当需求命中某个主题时,先读取对应文档,再把其原则映射为提示词 token。

本技能的输出不是设计长篇论述,而是一段中英双语、开箱即用的 MJ/Niji 提示词(正文 + 参数 + 负面词)。

一、定位与适用场景(触发条件)

在以下任一情况出现时使用本技能:

  • 用户要求为某类游戏界面模块(登录/大厅/LOADING/设置/公告/好友/排行榜/公会/聊天/商城/活动/抽卡/养成/角色/背包/战斗/剧情/副本/任务地图……)生成 AI 绘画提示词。
  • 用户要求为具体 UI 元素(图标/按钮/进度条/物品格/卡片模块/面板/页签/标题字/LOGO)生成提示词。
  • 用户指定某种美术风格出图:古风、和风、科幻、韩风、欧美、二次元、国韵等。
  • 用户要求构建界面世界观,并据此生成带配色/材质/光影倾向的提示词。
  • 用户已有游戏 UI 设计稿,要求据其规范反推/优化出图提示词。
  • 用户在 Midjourney / Nijijourney 出图翻车(平/油腻/脏/花/焦灰/完成度不均),要求生成带负面词的修正提示词。

二、标准工作流(5 步)

每次请求严格按以下顺序处理:

  1. 理解需求:明确目标模块(登录/大厅/商城/养成/战斗……)或元素(图标/按钮……)、美术风格与世界观、平台(Midjourney 还是 Nijijourney)、输出类型(展示型界面 / 单元素图标 / 两者结合)。
  2. 判定风格与世界观:依据用户给定题材或参考,确定古风/和风/科幻/韩风/欧美/二次元方向,并提取世界观三要素——表现颜色、表现形式(载体材质·光影)、表现符号(图腾/块状花纹/字体)。
  3. 检索并加载参考文档:从下方「参考文档索引 A–E」读取最相关的 1–3 篇,获取该主题的具体原则与检查项(风格四要素、构图、光影、材质、配色、自检项等)。
  4. 映射为提示词维度:把所读文档的设计原则,按「三、提示词骨架」逐维度转译为 MJ token,覆盖 主体 / 风格 / 构图 / 光影 / 材质 / 配色 / 细节 / 画质。
  5. 生成双语提示词 + 参数 + 负面词并自检:按「六、输出模板」产出;用「五、负面词库」与「画面自检六问」核查,确保提示词规避低级缺陷后再交付。

> 原则:参考文档是权威依据。若某主题存在专门文档,优先读取该文档再生成提示词,不要凭记忆拼词。

三、提示词骨架(核心)

把文档的设计维度系统映射为 MJ 提示词 token。每次生成必须尽量覆盖以下维度(按需求取舍,但 主体 / 风格 / 画质 三项是必带):

  • 主体 / Subject(必带):game UI interface, [module] screen, clean layout / game icon, [element]
  • 风格 / Style(必带,取自文档「风格四要素」):cel-shaded(赛璐璐)/ thick paint(厚涂)/ guofeng(古风)/ japanese style, ukiyo-e tone(和风)/ sci-fi, futuristic(科幻)/ korean game art, soft pastel(韩风)/ western realism, gothic(欧美)/ niji anime style(二次元)
  • 构图 / Composition:3/4 view, silhouette composition, balanced layout, safe-area padding, focal center
  • 光影 / Lighting:rim light, key light, self-illumination, soft volumetric light, dramatic contrast
  • 材质 / Material:metal, leather, glowing circuit, matte, glass, engraved pattern
  • 配色 / Color(取自文档 631 原则):narrow hue palette, 60-30-10 color scheme, muted tones, no pure black, no pure white
  • 细节 / Details:icon, button, progress bar, item slot, card module, [element]
  • 画质 / Quality(必带):masterpiece, best quality, ultra-detailed, 8k, game UI design, clean edges

> 维度取舍指南:界面类必带 主体+风格+构图+配色+画质;图标/单元素类必带 主体+风格+光影+材质+画质;世界观构建类额外强化 风格+材质+符号。

四、分辨率与参数映射

依据文档给定的游戏界面分辨率,映射到 MJ 的 --ar;风格化与模型版本按平台给出。

  • 分辨率 → 比例:
  • 文档 1624×750(控件安全区 1334×750)→ --ar 2.17:1(约 21:10)
  • 文档 2340×1080(控件安全区 1920×1080)→ --ar 2.17:1
  • 方形图标/单元素 → --ar 1:1;竖版立绘类界面 → --ar 9:16
  • 风格化 --s:默认 --s 250;弱风格化(更贴参考)--s 100,强风格化 --s 400。
  • 二次元 / 动画向:--niji 6 --style expressive(推荐)或 --style raw(更写实可控)。
  • 写实 / 欧美向:--v 6.1(不接 --niji)。
  • 版本:统一 --v 6.1(接 --niji 时省略 --v)。

五、负面词库(--no,源自「画面自检六问」)

把文档的「画面自检六问」缺陷翻译为 MJ 的 --no 词,每次生成必带负面词。按本次易翻车的维度挑选 3–6 个:

  • 平(缺体积对比):flat, low contrast, no depth
  • 油腻(高光过多):over-shiny, oily highlights, excessive glare
  • 脏(暗部浑浊):muddy colors, dirty, desaturated grime
  • 花(无主次):cluttered, no focal point, chaotic details
  • 焦 / 灰(过曝或发灰):oversaturated, washed out, blurry, low detail
  • 完成度不均:inconsistent detail, unfinished, sketchy

> 通用兜底负面词(建议常带):flat, low contrast, muddy colors, cluttered, blurry, watermark, text, signature

六、输出模板(每次生成按此格式)

【中文意图】一句话说明本次要生成的界面/元素与风格(如:科幻风抽卡界面核心图标,Nijijourney 出图)。

【English Prompt】game icon, gacha core button, sci-fi style, glowing circuit, metal frame, rim light, self-illumination, narrow hue palette, 60-30-10 color scheme, blue cyan accent, masterpiece, best quality, ultra-detailed, 8k, game UI design, clean edges

【参数】--ar 1:1 --s 250 --niji 6 --style expressive

【Negative / --no】flat, low contrast, oily highlights, muddy colors, cluttered, blurry

【设计依据】引用本次实际读取的文档要点 1–2 条,说明提示词如何落地该原则(如:依《游戏 UI 图标设计指南》"风格四要素",取科幻世界观+金属结构+自发光,避免纯色平涂)。

七、使用约定

  • 中文说明 + 英文提示词正文;提示词正文用逗号分隔的 MJ 短语,不写中文进提示词。
  • 负面词必带(至少通用兜底 6 词),按场景增删。
  • 先读文档再生成,不脱离文档臆测风格词;一次聚焦一个模块或一个元素。
  • 参数按「四、分辨率与参数映射」给出,比例优先匹配文档分辨率。
  • 交付后如用户出图翻车,回到「五、负面词库」与「画面自检六问」迭代提示词。

八、参考文档索引(知识底座,原样保留)

内置文档位于 docs/ 目录,按主题分组。处理请求时,按分组选取对应文件读取。

A. 基础规范与世界观

  • docs/design-of-ui-guidelines-for-game-interfaces/guide-to-designing-the-gui-world-view-in-games.md — GUI 世界观构建:作品目标分类、常用分辨率(1624×750 控件 1334×750、2340×1080 控件 1920×1080)、为何先做世界观、表现颜色/形式/符号、字体规范。
  • docs/design-of-ui-guidelines-for-game-interfaces/guidelines-for-the-visual-hierarchy-in-game-ui-design.md — 视觉层级:通用/社交/商业付费/养成/核心玩法五大模块、渠道与素材库、五大视觉等级(力量/优先级对比/动态/颜色/体积/轮廓/材质)、631 配色原则。
  • docs/design-of-ui-guidelines-for-game-interfaces/guide-to-self-cultivation-for-game-interface-ui.md — GUI 技师自我修养:平面四大原则(对齐/重复/亲密/对比)、学习平台、沟通与复盘(产品画像/基础视觉/设计组件)。

B. 构图、镜头与点线面

  • docs/design-of-ui-guidelines-for-game-interfaces/guide-design-game-ui-viewing-the-world-through-a-camera-lens.md — 镜头语言:远景/全景/中近景/特写、镜头倾斜、仰视俯视、运用示例。
  • docs/design-of-ui-guidelines-for-game-interfaces/a-simple-guide-to-creating-spatial-depth-in-game-interface-ui-gui-design.md — 空间感营造:大小前后/虚实/地平线/遮挡、光(平行光/点光/聚光)与阴影表现。
  • docs/design-of-ui-guidelines-for-game-interfaces/guidelines-for-point-and-line-design-in-game-interface-ui-details.md — 点与线:点的分类与运用、有形/无形线、线的作用(平衡/破型/引导)、参考灵感收集(风格/按钮/进度条/物品格/卡片)。
  • docs/design-of-ui-guidelines-for-game-interfaces/guidelines-for-face-segmentation-in-the-design-of-game-interface-ui-details.md — 面分割:二次元特点、规则面与不规则面、三角形/方形/圆形构成的运用。

C. 字体设计

  • docs/gpt2-game-font-design/gpt2-game-font-design.md — 游戏字体设计:字体选择(黑体/宋体/书法体)与情绪匹配、字体种类控制(2–3 种)、信息归类、游戏 LOGO 构成与设计方法。

D. 图标与刻画(结构 / 上色 / 光影 / 材质)

  • docs/nijij-game-ui-design/game-ui-icon-design-guide.md — 图标设计:风格四要素(设计元素/结构比例/刻画风格/颜色)、构成画面的全部元素、视觉中心、设计方法(大切割图形化/解构重组)。
  • docs/nijij-game-ui-design/game-ui-design-line-art-coloring-guide.md — 线稿与上色:结构透视、线稿三层(粗/中/细)、近实远虚、配色理论(互补色调和/基础色定义/配色技巧)、剪影正负形。
  • docs/nijij-game-ui-design/design-guide-for-game-ui-light-volumes.md — 光影与体积:灯光种类(平行光/点光/聚光/补光/自发光/边缘光)、打光方式、结构体积(三大面五大调)、冷暖与色相偏移、黑白灰关系。
  • docs/nijij-game-ui-design/guidelines-for-the-detailed-design-of-game-ui-materials.md — 材质细节:材质三要素(反射率/肌理/透明度)、各材质表现、细节刻画、空间虚实、画面自检。

E. 进阶与润色

  • docs/nijij-game-ui-design/guide-to-the-design-of-expanded-game-ui-derivatives.md — 拓展衍生:装备道具升级(色彩进阶/配色增加/元素/结构/材质)、主观上色、美术元素构成顺序、核心原则「学会做减法」。
  • docs/nijij-game-ui-design/guide-to-the-design-of-ui-visual-effects-for-games.md — 特效与润色:色温、动态趋势、减法绘制、背景与润色、技能图标构成(主体+特效+背景)。

常见问题

5 问
答案由本站依据条目字段整理
耀高泽风格AI游戏UI设计怎么安装?

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

耀高泽风格AI游戏UI设计支持哪些客户端?

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

耀高泽风格AI游戏UI设计权限高吗,安全吗?

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

耀高泽风格AI游戏UI设计收费吗?

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

耀高泽风格AI游戏UI设计用什么许可证?

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

热门专题

按场景挑技能
全部专题 →

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