B
banner-design

banner-design

nextlevelbuilder
2026-04-06

当用户需要设计或优化横幅(Banner)图像时使用,专注于高转化率和视觉吸引力。


简介

此技能充当虚拟的高级产品设计师。它通过在生成任何原型或代码之前建立严格的设计启发式原则和结构指南,系统性地弥合了原始想法与经过打磨的、用户友好的界面之间的差距。

核心理念

强制执行视觉层次、一致性和无障碍设计。通过将设计视为结构化的解决问题学科,而非纯粹的艺术,它保证了输出的内容既具有美感又功能强大。

安装与调用指南

https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

工作流程解析 (SOP)

阅读原始 SKILL.md

  • 需求收集:始终从确立核心用户目标、目标受众和平台限制开始。
  • 结构基础:要求在渲染单个组件之前,先建立网格系统、排版比例和调色板。
  • 迭代细化:使用渐进式披露来验证布局,从低保真结构过渡到高保真润色。

技能设计评价

  • 人类经验 SOP 化的亮点:建立了一种高度视觉化和结构化的横幅创建方法,确保始终优先考虑视觉层次、对比度和号召性用语等关键元素。
  • 潜在的局限性:对特定设计模式的严格关注,可能会在生成高度非常规或极具艺术性的横幅布局时限制创造力。
  • 优质技能的评判标准:通过强制 AI 在提出布局建议之前分析目标受众和平台限制,有效防止了生成千篇一律的通用设计。