岗位技能参考

视觉设计师 · UI · 岗位工作流与技能推荐

你做「让产品好看、统一、能交付」——UI 视觉、设计系统、图标、配色、插画、高保真、设计评审。8 个场景,专业项贴视觉实务,通用项兜底。注:视觉须对齐品牌与设计系统,交付须标注清晰、切图规范。

你做「让产品好看、统一、能交付」——UI 视觉、设计系统、图标、配色、插画、高保真、设计评审。8 个场景,专业项贴视觉实务,通用项兜底。注:视觉须对齐品牌与设计系统,交付须标注清晰、切图规范。

安全须知:复制话术 → 安装 Skill → 拖入设计稿 / 规范 / 评审。产出须可落地,关键页面请走查。

一、先挑:8 个场景 → 对应技能

专业项用 UI设计Skill、腾讯云CloudBase UI设计、图标设计、色彩搭配、插画风格、手机端-高保真产品原型交付、设计评审检查清单生成器;通用项 ima / 腾讯文档 / 文章去AI味。

工作场景(时间)专业 Skill(精选)通用 Skill(备选)怎么选好用结论
08:30 UI 视觉设计UI设计Skillima-skills通用万能工具即可;要更贴任务用专业
09:10 设计系统/规范腾讯云 CloudBase UI 设计 / Tencent CloudBase UI Designima-skills通用万能工具即可;要更贴任务用专业
10:00 图标设计图标设计ima-skills通用万能工具即可;要更贴任务用专业
11:00 配色方案色彩搭配ima-skills通用万能工具即可;要更贴任务用专业
13:30 插画/视觉风格插画风格ima-skills通用万能工具即可;要更贴任务用专业
14:30 高保真界面输出手机端-高保真产品原型交付ima-skills通用万能工具即可;要更贴任务用专业
15:30 设计评审/走查设计评审检查清单生成器ima-skills通用万能工具即可;要更贴任务用专业
17:00 当日复盘ima-skills腾讯文档 TENCENT DOCS通用万能工具即可;要更贴任务用专业

先装这 3 个当天见效:ima-skills、UI设计Skill、腾讯云 CloudBase UI 设计 / Tencent CloudBase UI Design

二、再用:复制话术,拖入文件就能跑

选中并复制下方提示词→ 在 WorkBuddy 粘贴 → 拖入你自己的文件。话术已内嵌红线(真实数字以你文件为准、外发前人工复核)。

08:30UI 视觉设计
专业 Skill(精选)
UI设计Skill
为什么推荐:UI 设计 Skill,产出界面视觉方案
一键调用话术 · 装专业 Skill
安装「UI设计Skill」Skill。
我已上传《{{页面需求/参考》》。请生成 UI 视觉设计:布局、配色、组件与风格。
通用 Skill(备选)
ima-skills
跨任务通用:不想装专项工具、或你的环境不适配专业 Skill 时,用它也能完成;专业细节可能不如上方精准,关键结论请人工复核。
一键调用话术 · 装通用 Skill
安装「ima-skills」Skill。
我已上传《{{页面需求/参考》》。请生成 UI 视觉设计:布局、配色、组件与风格。
视觉须对齐品牌与设计系统,先定规范再铺页面,避免各页各异。
09:10设计系统/规范
专业 Skill(精选)
腾讯云 CloudBase UI 设计 / Tencent CloudBase UI Design
为什么推荐:腾讯云 CloudBase UI 设计,沉淀设计系统
一键调用话术 · 装专业 Skill
安装「腾讯云 CloudBase UI 设计 / Tencent CloudBase UI Design」Skill。
我已上传《{{现有组件/规范》》。请整理设计系统与规范:色彩、字体、间距与组件。
通用 Skill(备选)
ima-skills
跨任务通用:不想装专项工具、或你的环境不适配专业 Skill 时,用它也能完成;专业细节可能不如上方精准,关键结论请人工复核。
一键调用话术 · 装通用 Skill
安装「ima-skills」Skill。
我已上传《{{现有组件/规范》》。请整理设计系统与规范:色彩、字体、间距与组件。
规范须可执行、可复用,团队统一语言,避免重复造组件。
10:00图标设计
专业 Skill(精选)
图标设计
为什么推荐:图标设计,产出风格统一的图标
一键调用话术 · 装专业 Skill
安装「图标设计」Skill。
我已上传《{{所需图标清单+风格》》。请生成图标设计:风格、栅格与导出建议。
通用 Skill(备选)
ima-skills
跨任务通用:不想装专项工具、或你的环境不适配专业 Skill 时,用它也能完成;专业细节可能不如上方精准,关键结论请人工复核。
一键调用话术 · 装通用 Skill
安装「ima-skills」Skill。
我已上传《{{所需图标清单+风格》》。请生成图标设计:风格、栅格与导出建议。
图标须风格/线宽/视角统一,关键图标提供多种状态。
11:00配色方案
专业 Skill(精选)
色彩搭配
为什么推荐:色彩搭配,给出可落地的配色
一键调用话术 · 装专业 Skill
安装「色彩搭配」Skill。
我已上传《{{品牌调性/页面》》。请生成配色方案:主色、辅色、语义色与对比建议。
通用 Skill(备选)
ima-skills
跨任务通用:不想装专项工具、或你的环境不适配专业 Skill 时,用它也能完成;专业细节可能不如上方精准,关键结论请人工复核。
一键调用话术 · 装通用 Skill
安装「ima-skills」Skill。
我已上传《{{品牌调性/页面》》。请生成配色方案:主色、辅色、语义色与对比建议。
配色须考虑对比度与可达性(WCAG),避免低对比误导操作。
13:30插画/视觉风格
专业 Skill(精选)
插画风格
为什么推荐:插画风格,统一视觉语言
一键调用话术 · 装专业 Skill
安装「插画风格」Skill。
我已上传《{{使用场景+调性》》。请生成插画/视觉风格方案:主题、构图与用法。
通用 Skill(备选)
ima-skills
跨任务通用:不想装专项工具、或你的环境不适配专业 Skill 时,用它也能完成;专业细节可能不如上方精准,关键结论请人工复核。
一键调用话术 · 装通用 Skill
安装「ima-skills」Skill。
我已上传《{{使用场景+调性》》。请生成插画/视觉风格方案:主题、构图与用法。
风格须与品牌一致,注意版权与商用授权,关键插画留源文件。
14:30高保真界面输出
专业 Skill(精选)
手机端-高保真产品原型交付
为什么推荐:手机端-高保真产品原型交付,产出可演示界面
一键调用话术 · 装专业 Skill
安装「手机端-高保真产品原型交付」Skill。
我已上传《{{交互稿/需求》》。请生成高保真界面:视觉、状态与关键屏。
通用 Skill(备选)
ima-skills
跨任务通用:不想装专项工具、或你的环境不适配专业 Skill 时,用它也能完成;专业细节可能不如上方精准,关键结论请人工复核。
一键调用话术 · 装通用 Skill
安装「ima-skills」Skill。
我已上传《{{交互稿/需求》》。请生成高保真界面:视觉、状态与关键屏。
高保真须覆盖主流程与空/错态,交付前向交互对齐。
15:30设计评审/走查
专业 Skill(精选)
设计评审检查清单生成器
为什么推荐:设计评审检查清单生成器,系统走查
一键调用话术 · 装专业 Skill
安装「设计评审检查清单生成器」Skill。
我已上传《{{设计稿》》。请生成设计评审清单并执行走查:一致性、可达性、标注。
通用 Skill(备选)
ima-skills
跨任务通用:不想装专项工具、或你的环境不适配专业 Skill 时,用它也能完成;专业细节可能不如上方精准,关键结论请人工复核。
一键调用话术 · 装通用 Skill
安装「ima-skills」Skill。
我已上传《{{设计稿》》。请生成设计评审清单并执行走查:一致性、可达性、标注。
走查须到具体页面与元素,问题闭环到改稿再验。
17:00当日复盘
专业 Skill(精选)
ima-skills
为什么推荐:视觉要点入知识库
一键调用话术 · 装专业 Skill
安装「ima-skills」Skill。
请整理今日视觉设计要点与踩坑,沉淀到知识库《{{视觉规范库》》。
通用 Skill(备选)
腾讯文档 TENCENT DOCS
跨任务通用:不想装专项工具、或你的环境不适配专业 Skill 时,用它也能完成;专业细节可能不如上方精准,关键结论请人工复核。
一键调用话术 · 装通用 Skill
安装「腾讯文档 TENCENT DOCS」Skill。
请整理今日视觉设计要点与踩坑,沉淀到知识库《{{视觉规范库》》。
设计源文件与未公开视觉涉密,知识库须权限管理。

懒人包:8 个场景全有,直接复制去用(红线已内嵌)

08:30 UI 视觉设计
专业:安装「UI设计Skill」Skill。 我已上传《{{页面需求/参考》》。请生成 UI 视觉设计:布局、配色、组件与风格。
通用:安装「ima-skills」Skill。 我已上传《{{页面需求/参考》》。请生成 UI 视觉设计:布局、配色、组件与风格。
09:10 设计系统/规范
专业:安装「腾讯云 CloudBase UI 设计 / Tencent CloudBase UI Design」Skill。 我已上传《{{现有组件/规范》》。请整理设计系统与规范:色彩、字体、间距与组件。
通用:安装「ima-skills」Skill。 我已上传《{{现有组件/规范》》。请整理设计系统与规范:色彩、字体、间距与组件。
10:00 图标设计
专业:安装「图标设计」Skill。 我已上传《{{所需图标清单+风格》》。请生成图标设计:风格、栅格与导出建议。
通用:安装「ima-skills」Skill。 我已上传《{{所需图标清单+风格》》。请生成图标设计:风格、栅格与导出建议。
11:00 配色方案
专业:安装「色彩搭配」Skill。 我已上传《{{品牌调性/页面》》。请生成配色方案:主色、辅色、语义色与对比建议。
通用:安装「ima-skills」Skill。 我已上传《{{品牌调性/页面》》。请生成配色方案:主色、辅色、语义色与对比建议。
13:30 插画/视觉风格
专业:安装「插画风格」Skill。 我已上传《{{使用场景+调性》》。请生成插画/视觉风格方案:主题、构图与用法。
通用:安装「ima-skills」Skill。 我已上传《{{使用场景+调性》》。请生成插画/视觉风格方案:主题、构图与用法。
14:30 高保真界面输出
专业:安装「手机端-高保真产品原型交付」Skill。 我已上传《{{交互稿/需求》》。请生成高保真界面:视觉、状态与关键屏。
通用:安装「ima-skills」Skill。 我已上传《{{交互稿/需求》》。请生成高保真界面:视觉、状态与关键屏。
15:30 设计评审/走查
专业:安装「设计评审检查清单生成器」Skill。 我已上传《{{设计稿》》。请生成设计评审清单并执行走查:一致性、可达性、标注。
通用:安装「ima-skills」Skill。 我已上传《{{设计稿》》。请生成设计评审清单并执行走查:一致性、可达性、标注。
17:00 当日复盘
专业:安装「ima-skills」Skill。 请整理今日视觉设计要点与踩坑,沉淀到知识库《{{视觉规范库》》。
通用:安装「腾讯文档 TENCENT DOCS」Skill。 请整理今日视觉设计要点与踩坑,沉淀到知识库《{{视觉规范库》》。

常见问题

Q1:我没技术底子、从没用过 Skill,能行吗?

A:能。本页面向「对 AI 一无所通的企业从业者」设计——点技能名进 SkillHub 装好,把文中的提示词模板直接粘进 WorkBuddy 即可,全程不需要写代码。

Q2:我的数据敏感,会不会泄密?

A:涉及敏感/未公开信息的场景,本页已用红线标出(见各场景风险提示与底部合规块)。原则:原始数据不出内网、对外承诺性语句必人工复核。

Q3:推荐的 Skill 不准或过时怎么办?

A:本页为导入时的场景参考。使用前到技能原始页面核对说明、权限与维护状态,先用脱敏样例验证输出,再按企业制度采用。

此页为场景与方法参考,涉及的系统、技能及权限需按实际环境核对。示例数字不作为服务效果承诺。

沟通应用需求