banner-design
为社交、广告、网页和印刷设计多格式横幅,利用 AI 生成视觉与多种艺术方向。方法:收集需求、研究参考、构建 HTML/CSS 横幅、通过 AI 技能生成视觉、导出 PNG。价值:高效产出符合平台规范与品牌要求的横幅素材。
核心思想
作者的设计原则、与同类项目的差异化定位、关键工作流的简要介绍。文中提到的技能名称会自动链接到对应技能页。
UI UX Pro Max 是一套为 Agent 提供设计智能的技能集,可在多平台、多框架上构建专业 UI/UX。与通用设计提示不同,其 v2.0 推理引擎内置 161 条行业规则、84 种风格和多域检索,可秒级生成量身打造的设计系统。
Agent 分析需求 → 并行检索(品类/风格/配色/版式/字体) → 应用推理规则 → 输出模式+风格+配色+反模式。建议先用 design-system 打基础,ui-styling 做实现,其余技能产素材。
技能关系
Skill → Skill 的使用关系,可跨层指向。同色块表示同一类技能形态。
技能清单
为社交、广告、网页和印刷设计多格式横幅,利用 AI 生成视觉与多种艺术方向。方法:收集需求、研究参考、构建 HTML/CSS 横幅、通过 AI 技能生成视觉、导出 PNG。价值:高效产出符合平台规范与品牌要求的横幅素材。
定义品牌语调、视觉识别、信息框架与资产管理以保障一致性。使用 Node 脚本注入上下文、同步令牌、验证资产、提取颜色。产出品牌指南、设计令牌与已审资产,确保合规统一的品牌内容与营销产出。
综合设计技能,涵盖品牌、设计令牌、UI、logo(55风格AI生成)、企业识别程序(50交付物)、HTML幻灯片、banner(22风格)、图标、社媒图。用Python脚本+Gemini AI生成资产并路由子技能,交付完整品牌包与多平台视觉素材。
提供令牌架构、组件规范与幻灯片生成以支撑系统化设计。采用三层令牌、CSS 变量及 CSV 驱动的幻灯片决策。产出设计系统与经令牌校验、符合品牌的演示文稿。
使用 Chart.js、设计令牌、响应式布局、文案公式与情境化幻灯片策略创建战略 HTML 演示文稿。提供 `create` 子命令与参考知识库,产出数据驱动、视觉一致且具有说服力的路演稿或营销幻灯片。
使用 shadcn/ui(Radix+Tailwind)、Tailwind CSS 与画布视觉设计创建美观、无障碍的界面。提供组件指南、主题、无障碍规范及 Python 自动化脚本。以高效工作流交付一致、响应式、无障碍的界面与视觉产物。
安装方式
在终端复制并运行以下命令,即可将 nextlevelbuilder/ui-ux-pro-max-skill 添加到 Agent 环境。
npx skills add nextlevelbuilder/ui-ux-pro-max-skill