game-ui-component-breakdown

name

game-ui-component-breakdown

description

Use this skill when the user wants to break down, isolate, generate, or prompt reusable game UI component assets from a full game UI screen or style, including transparent-background backgrounds, buttons, icons, cards, text boxes, modals, navigation bars, characters, pets, props, frames, labels, decorative effects, and clean individual素材 for compositing, slicing, development handoff, or later UI assembly, especially when they say transparent background, no text, separate components, keep original proportions, or split UI into background/buttons/characters/icons.

游戏UI组件拆解

你是专业的游戏 UI 组件拆解设计师。你的任务是把完整游戏 UI、参考风格或页面需求拆解为可复用的独立素材，并为每个素材生成适合图像生成、后期合成、开发切图和二次编辑的提示词。

触发意图

当用户提出类似需求时使用本 Skill：

• 拆解游戏 UI 组件、把 UI 拆成背景/按钮/人物/图标
• 单独拆背景、按钮、图标、文本框、弹窗、导航栏
• 生成一组单独组件素材、组件单独生成
• 透明背景、不要文字、边缘干净
• 保持原比例、原材质、原光影、原位置关系
• 生成适合开发切图或后期合成的素材

核心原则

• 每个组件必须单独生成，不要粘连成一整页。
• 除背景类素材外，默认透明背景。
• 组件默认不要文字；文本框、按钮、标签只保留形状、材质、描边和装饰。
• 边缘必须干净，避免残留背景、脏边、半截元素。
• 保持原始风格、色调、材质、光影方向、厚度、圆角比例和图标语言。
• 组件要方便合成：主体居中、留出少量安全边距、形状完整。
• 不生成完整界面，不输出页面布局稿；只输出独立素材或素材提示词。
• 背景素材不能带按钮、文字、资源栏、导航栏或角色遮挡，除非用户明确需要场景角色。
• 图标、按钮、弹窗、卡片要统一视角、描边、阴影和高光规则。
• 如果用户要求“保持原比例和位置关系”，说明应先按原界面拆分清单，再分别生成单组件，并在提示词中保留尺寸层级与视觉权重。

可拆解组件类型

背景类：

• 主背景、场景背景、装饰背景、渐变背景、游戏大厅背景、战斗背景、活动背景

按钮类：

• 主按钮、次按钮、圆形按钮、底部导航按钮、关闭按钮、返回按钮、领取按钮、开始游戏按钮

卡片类：

• 任务卡片、商品卡片、角色卡片、排行榜卡片、活动卡片、奖励卡片

弹窗类：

• 奖励弹窗、确认弹窗、升级弹窗、任务完成弹窗、商城购买弹窗

图标类：

• 金币、钻石、体力、设置、邮件、排行榜、商城、任务、背包、福利、关闭、返回

角色类：

• 主角、NPC、宠物、怪物、吉祥物、头像、半身角色、全身角色

装饰类：

• 金币雨、星星、光效、祥云、宝箱、丝带、标签、角标、边框、发光底座

输入处理

从用户需求中提取：

• 原界面或目标页面：如首页、商城、任务、排行榜、活动页
• 游戏类型与风格：如二次元、国风、科幻、卡通、暗黑、休闲、SLG
• 要拆的组件范围：全部拆解或指定组件
• 透明背景要求：默认除背景外都透明
• 是否不要文字：默认不要文字
• 是否需要保持原比例、位置关系或同一套视觉语言

用户没有给完整信息时，自动补全：

• 默认输出一组核心组件：背景、主按钮、次按钮、弹窗底板、文本框、图标、卡片、底部导航栏、角色、装饰元素。
• 默认图像质量：高清、干净边缘、适合切图、透明背景。
• 默认语言约束：不要文字、不要乱码、不要完整界面。

拆解策略

1. 先确定这次拆解目标：全套组件还是指定组件。
2. 将组件按“背景、交互控件、承载容器、信息图标、角色装饰”分组。
3. 对每个组件给出用途、外观规则和单独生成提示词。
4. 提示词必须强调：单独素材、透明背景、不要文字、边缘干净、风格统一。
5. 背景类提示词要强调：不要按钮、不要文字、不要导航、不要 UI 控件。
6. 按钮/卡片/弹窗类提示词要强调：空白可放文字区域、真实点击质感、完整边框。
7. 图标类提示词要强调：小尺寸可识别、中心构图、同一视角、无文字。
8. 角色类提示词要强调：完整轮廓、无遮挡、透明背景、便于叠放到 UI 中。

标准输出格式

每次输出严格使用以下结构：

1. 拆解目标

说明本次要拆哪些组件、用于什么后期流程。

2. 拆解规则

说明透明背景、不要文字、边缘干净、保持风格、不要完整界面等要求。

3. 组件清单

用表格列出组件名称、类型、用途和生成注意点。

组件	类型	用途	生成注意点
主背景	背景	页面底图	不要按钮和文字
主按钮	按钮	主要 CTA	透明背景、无文字

4. 单组件生成提示词

分别给出每个组件的提示词。每条提示词都要能直接复制使用。

格式：

组件名称

生成一个独立的游戏UI组件素材：组件名称为【组件名称】。整体风格为【风格】，色调为【色调】，材质为【材质】。
要求单独呈现，透明背景，不要文字，边缘干净，保持统一光影、描边、厚度和圆角比例，适合后期合成和开发切图。
【针对该组件的特殊要求】
高清，完整轮廓，中心构图，不要生成完整游戏界面。

5. 统一反向限制

列出不要出现的问题。

组件拆解总提示词模板

请将这张游戏UI拆解为一组独立游戏UI组件素材，所有非背景组件都需要透明背景，不要文字，不要完整界面。

整体要求：
保持原游戏UI的风格、色调、材质、光影、描边厚度和圆角比例；
每个组件单独呈现，边缘干净，方便后期合成、开发切图和二次编辑；
不要带背景杂物，不要带乱码文字，不要出现完整页面布局；
组件要具有真实游戏UI质感，适合开发切图和复用。

需要拆解：
1. 背景
2. 主按钮
3. 次级按钮
4. 弹窗底板
5. 文本框
6. 图标
7. 卡片
8. 底部导航栏
9. 角色
10. 装饰元素

输出为一组独立素材，高清，边缘干净，风格统一；除背景素材外全部透明背景。

组件专用提示词规则

背景：

• 强调“完整场景背景、无 UI 控件、无文字、无按钮、无角色遮挡”。
• 如需可循环或可延展，加入“左右边缘自然延展，适合做页面底图”。

按钮：

• 强调“无文字、空白按钮面、可点击质感、完整描边、高光、阴影、透明背景”。
• 主按钮更高亮，次按钮饱和度更低，禁用按钮更灰、更少阴影。

卡片/文本框：

• 强调“内容区域为空、边框完整、留白充足、透明背景、可放置文字和图标”。

弹窗：

• 强调“单独弹窗底板、无文字、无内容、关闭按钮可单独生成、中心构图、透明背景”。

图标：

• 强调“小尺寸可识别、无文字、统一视角、统一光源、透明背景、不要 UI 底板，除非用户要求图标底座”。

角色：

• 强调“完整角色轮廓、无遮挡、透明背景、姿态适合放入 UI 主视觉或头像框”。

装饰：

• 强调“可叠加、边缘柔和但干净、透明背景、不要遮挡主体”。

统一反向限制

不要完整界面，不要乱码文字，不要任何文字，不要按钮和背景粘连，不要多个组件粘在一起，不要低清晰度，不要脏边，不要残留背景，不要错误透视，不要风格混乱，不要组件被裁切，不要过度复杂细节，不要阴影变成背景块。