Agent Skills
› nextlevelbuilder/ui-ux-pro-max-skill
nextlevelbuilder/ui-ux-pro-max-skill
GitHub用于多平台横幅与创意素材设计的技能，涵盖社交媒体、广告及网站首屏。通过收集需求、参考研究，结合前端设计与AI图像生成技术，输出多种艺术风格的横幅方案。
Install All Skills
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --all -g -y
Skills in Collection (13)
用于多平台横幅与创意素材设计的技能，涵盖社交媒体、广告及网站首屏。通过收集需求、参考研究，结合前端设计与AI图像生成技术，输出多种艺术风格的横幅方案。
用户请求设计横幅、封面或头部视觉
创建社交媒体封面或展示广告
设计网站Hero区域视觉图
生成活动或印刷品横幅
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill banner-design -g -y
管理品牌声音、视觉识别、消息框架及资产一致性。提供指南同步、资产验证与色彩提取工具，确保营销内容与品牌形象合规统一。
制定品牌语调规范
审核内容是否符合品牌指南
同步品牌设计令牌
验证品牌资产格式
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill brand -g -y
提供设计系统构建能力，涵盖三层Token架构、组件规范及CSS变量生成。支持从品牌到代码的交付，并集成演示文稿生成与合规校验脚本。
设计Token创建与管理
组件状态定义与规范制定
Tailwind主题配置与CSS变量系统搭建
生成符合品牌规范的演示文稿
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill design-system -g -y
用于创建基于HTML和Chart.js的战略性演示文稿，支持数据可视化、响应式布局及文案优化，适用于营销展示和数据驱动的场景。
需要制作营销演示或路演PPT
要求生成包含Chart.js图表的数据驱动型幻灯片
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill slides -g -y
用于构建美观、可访问的用户界面，结合shadcn/ui组件、Tailwind CSS样式及Canvas视觉设计。适用于响应式布局、主题定制、设计系统搭建及快速原型开发。
使用React框架构建UI
实现无障碍组件
使用Tailwind进行样式开发
创建响应式布局
生成视觉设计稿
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-styling -g -y
提供UI/UX设计智能，涵盖网页、移动端和桌面端界面设计。支持页面构建、组件重构、设计系统优化、无障碍审查及交互体验提升，内置样式、配色、字体等本地数据供查询。
设计新页面或组件
审查UI的可访问性与一致性
选择颜色与排版系统
实现响应式布局或动画
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max -g -y
用于设计社交媒体、广告、网站横幅及印刷品的创意素材生成技能，支持多平台尺寸与风格选项。
用户请求横幅、封面或头部图片设计
需要为社交媒体、广告投放或网站英雄区生成视觉素材
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill banner-design -g -y
管理品牌视觉、语音及一致性，提供资产校验、颜色提取与设计令牌同步工具，确保内容符合品牌规范。
品牌一致性审核
生成营销素材
同步品牌设计令牌
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill brand -g -y
用于构建设计系统，涵盖三层Token架构、组件规范及CSS变量生成。支持设计到代码的交接、Tailwind配置及品牌合规演示文稿生成，提升UI一致性与开发效率。
创建或更新设计Token
定义组件状态与变体
生成CSS变量或Tailwind配置
制作符合品牌规范的演示幻灯片
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill design-system -g -y
用于创建基于HTML和Chart.js的战略性演示文稿，支持数据可视化、响应式布局及文案优化，适用于营销展示与路演。
制作营销演示文稿
生成包含图表的数据驱动幻灯片
设计策略性布局的PPT内容
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill slides -g -y
用于构建美观、可访问的用户界面，结合 shadcn/ui 组件、Tailwind CSS 样式及 Canvas 视觉设计。支持响应式布局、主题定制及快速原型开发。
使用 React 框架构建 UI
实现无障碍组件
使用 Tailwind CSS 进行样式设置
创建响应式布局
实施暗模式和主题定制
构建设计系统
生成视觉设计或海报
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-styling -g -y
统一设计技能，支持品牌标识、UI样式、Logo生成、企业识别程序(CIP)、演示文稿、横幅及社交媒体图片制作。集成AI模型与脚本自动化设计流程。
需要生成或优化品牌视觉资产
请求设计Logo、图标或横幅
创建企业识别系统(CIP)文档
制作演示文稿或社交媒体图片
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill design -g -y
提供品牌视觉、Logo生成、企业识别程序(CIP)、UI样式及社交媒体素材等一站式设计能力，支持AI绘图与代码实现。
需要生成或优化品牌标识和视觉规范
请求制作Logo、Banner或社交媒体图片
需要创建企业识别程序交付物或演示文稿
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill design -g -y
