Agent Skills
› nextlevelbuilder/ui-ux-pro-max-skill
nextlevelbuilder/ui-ux-pro-max-skill
GitHub用于设计社交媒体、广告、网站及印刷横幅的创意技能。通过收集需求，结合参考样式与品牌规范，生成多种艺术方向的 HTML/CSS 横幅方案，支持多平台尺寸与安全区适配。
Install All Skills
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --all -g -y
Skills in Collection (13)
用于设计社交媒体、广告、网站及印刷横幅的创意技能。通过收集需求，结合参考样式与品牌规范，生成多种艺术方向的 HTML/CSS 横幅方案，支持多平台尺寸与安全区适配。
用户请求横幅、封面或头部视觉设计
需要为特定平台（如社交、广告、网站）生成创意素材
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配置及演示文稿生成，确保品牌一致性与开发效率。
创建或更新设计Token
定义组件状态与变体
配置CSS变量或Tailwind主题
生成品牌合规的演示幻灯片
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill design-system -g -y
用于创建基于HTML和Chart.js的战略演示文稿，支持数据可视化、响应式布局及文案优化。
制作营销演示文稿或路演幻灯片
生成包含图表的数据驱动型展示页面
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill slides -g -y
用于构建美观、可访问的用户界面，结合 shadcn/ui 组件、Tailwind CSS 样式及 Canvas 视觉设计。支持响应式布局、主题定制及复杂 UI 模式实现。
构建用户界面
实现可访问组件
使用 Tailwind CSS 进行样式设计
创建响应式布局
生成视觉设计或海报
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-styling -g -y
提供Web、移动端及桌面端的UI/UX设计智能支持，涵盖界面构建、组件重构、设计规范、无障碍访问及交互体验优化。内置样式、配色、字体等本地数据查询，辅助进行视觉设计与用户体验质量控制。
设计新页面或重构UI组件
审查界面的可用性、无障碍性及一致性
选择色彩、排版或布局系统
实现响应式布局或动画交互
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max -g -y
提供多平台横幅设计能力，支持社交媒体、广告及网站英雄区。通过HTML/CSS生成多种视觉风格选项，涵盖尺寸规范与品牌适配，实现自包含的创意资产产出。
用户请求横幅或封面设计
创建社交媒体头图
设计广告展示横幅
网站首屏视觉设计
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配置及演示文稿生成，确保品牌一致性与开发效率。
创建或更新设计Token
定义组件状态与变体
配置CSS变量系统
生成设计系统文档或幻灯片
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill design-system -g -y
用于创建基于HTML和Chart.js的战略性演示文稿，支持数据可视化、响应式布局及文案优化。适用于营销展示和数据驱动型幻灯片设计。
制作营销演示文稿或商业计划书
生成包含Chart.js图表的数据驱动幻灯片
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill slides -g -y
结合shadcn/ui、Tailwind CSS和Canvas视觉设计的UI构建技能，支持组件开发、响应式布局、主题定制及可视化设计。
创建用户界面
实现响应式布局
添加可访问组件
自定义主题或暗色模式
生成视觉设计
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-styling -g -y
提供品牌识别、设计系统、Logo生成、UI样式及各类视觉素材设计的综合能力，支持AI生成与多平台适配。
需要创建或优化品牌视觉资产
请求生成Logo、Banner或社交媒体图片
进行UI组件样式调整或设计令牌管理
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill design -g -y
统一设计技能，涵盖品牌识别、UI样式、Logo生成、企业身份程序、演示文稿及社交媒体图片设计。支持多种AI模型和脚本自动化。
需要创建或优化品牌视觉资产
生成Logo、图标或Banner
制作演示文稿或社交媒体图片
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill design -g -y
