Communitygithub.com

nextlevelbuilder/ui-ux-pro-max-skill

用于网页、移动端和桌面端的 UI/UX 设计智能体。在设计、构建、审查或修复界面时使用此技能,包括页面、组件、设计系统、无障碍性、交互、响应式布局、排版、颜色、图表以及特定技术栈的 UI 实现。

ui-ux-pro-max-skill 是什么?

这是一个专注于 UI/UX 设计的 AI 技能,涵盖网页、移动端和桌面端应用界面的全流程设计支持。无论你是设计新界面、构建组件、审查现有设计,还是修复界面问题,该技能都能提供智能辅助。它拥有一个庞大的本地可搜索数据库,包含 79 种可搜索样式(其中 50 种为活跃样式)、192 个产品调色板及推理配置文件、74 种字体配对、119 条 UX 指南、105 个图标、17 个 GSAP 预设、25 种图表类型以及 22 个技术栈的 UI 实现指导。该技能适用于多种开发平台(如 Claude Code、Cursor、Codex 等),能帮助开发者快速找到设计灵感、最佳实践和具体实现方案,从而显著提升 UI/UX 设计的效率与质量。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add nextlevelbuilder/ui-ux-pro-max-skill

在你喜欢的 AI 中提问

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

文档

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

用于网页、移动端和桌面端的 UI/UX 设计智能体。在设计、构建、审查或修复界面时使用此技能,包括页面、组件、设计系统、无障碍性、交互、响应式布局、排版、颜色、图表以及特定技术栈的 UI 实现。可搜索的本地数据:79 种可搜索样式(50 种活跃样式),192 个产品调色板与推理配置文件,74 种字体配对,119 条 UX 指南,105 个图标,17 个 GSAP 预设,25 种图表类型,以及 22 个技术栈。

Individual skills in this repo

This repo contains 8 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.

nextlevelbuilder/ui-ux-pro-max

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.

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.

相关技能