Communitygithub.com

nextlevelbuilder/ui-ux-pro-max

Web 与移动端 UI/UX 设计智能体。涵盖 50+ 种风格、161 个配色方案、57 种字体搭配、161 种产品类型、99 条 UX 指南和 25 种图表类型,支持 10 个技术栈(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui 和 HTML/CSS)。

ui-ux-pro-max 是什么?

这是一款专注于 Web 与移动端 UI/UX 设计的 AI 技能,适用于各类 AI 编程助手(如 Claude Code、Cursor 等)。它提供了丰富的设计资源库,包括 50+ 种设计风格、161 种配色方案、57 种字体搭配、99 条 UX 设计准则和 25 种图表类型,覆盖 React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui 和原生 HTML/CSS 等 10 个主流技术栈。该技能支持多种操作,如规划、构建、设计、实现、审查、修复、优化和检查 UI/UX 代码,可应用于网站、着陆页、仪表盘、后台管理、电商、SaaS、作品集、博客和移动应用等各类项目。它还能处理按钮、模态框、导航栏、侧边栏、卡片、表格、表单和图表等常见 UI 元素,并涵盖毛玻璃、黏土、极简、粗野、新拟态、Bento 网格、暗色模式、响应式、拟物和扁平等多种设计风格。此外,该技能集成了 shadcn/ui MCP,可直接搜索组件和获取示例代码,帮助开发者高效实现高质量的用户界面设计。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/skills/ui-ux-pro-max

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

ui-ux-pro-max 是做什么的?

Web 与移动端 UI/UX 设计智能体。涵盖 50+ 种风格、161 个配色方案、57 种字体搭配、161 种产品类型、99 条 UX 指南和 25 种图表类型,支持 10 个技术栈(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui 和 HTML/CSS)。动作:规划、构建、创建、设计、实现、审查、修复、改进、优化、增强、重构和检查 UI/UX 代码。项目类型:网站、着陆页、仪表盘、后台管理、电商、SaaS、作品集、博客和移动应用。元素:按钮、模态框、导航栏、侧边栏、卡片、表格、表单和图表。风格:毛玻璃效果(glassmorphism)、黏土效果(claymorphism)、极简主义(minimalism)、粗野主义(brutalism)、新拟态(neumorphism)、Bento 网格、暗色模式、响应式设计、拟物化(skeuomorphism)和扁平设计(flat design)。主题:色彩系统、无障碍设计、动画、布局、排版、字体搭配、间距、交互状态、阴影和渐变。集成:shadcn/ui MCP 用于组件搜索和示例。

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

banner-design

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage.

brand

Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.

design

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.

design-system

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

slides

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

ui-styling

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

ui-ux-pro-max

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.

相关技能