[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fD95647zpMPspJL7xZQpdudW9GEawHmHGgePLb3chVmU":3,"skill-ui-ux-pro-max":16},{"siteName":4,"siteDescription":5,"siteUrl":6,"contactEmail":7,"socialLinks":8,"analyticsCode":10,"seo":11},"AllAI App","Call 500+ AI models through one compliant API KEY. Discover 35,000+ AI tools across 21 categories. Compare, test all ai app in one platform.","https:\u002F\u002Fallaiapp.com","contact@allaiapp.com",{"twitter":9,"github":9,"discord":9,"linkedin":9,"youtube":9},"","\u003C!-- Google tag (gtag.js) -->\n\u003Cscript async src=\"https:\u002F\u002Fwww.googletagmanager.com\u002Fgtag\u002Fjs?id=G-3NJE4SY4LE\">\u003C\u002Fscript>\n\u003Cscript>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', 'G-3NJE4SY4LE');\n\u003C\u002Fscript>\n\u003C!-- Baidu Tongji (hm.js) -->\n\u003Cscript>\nvar _hmt = _hmt || [];\n(function() {\n  var hm = document.createElement(\"script\");\n  hm.src = \"https:\u002F\u002Fhm.baidu.com\u002Fhm.js?ee51358c8d4491dea1125cfc1d47a169\";\n  var s = document.getElementsByTagName(\"script\")[0];\n  s.parentNode.insertBefore(hm, s);\n})();\n\u003C\u002Fscript>",{"titleTemplate":12,"metaKeywords":13,"ogImage":14,"twitterSite":9,"defaultRobots":15,"googleVerify":9,"bingVerify":9,"baiduVerify":9,"organizationLogo":14},"%s | AllAI App","AI KEY,AI API KEY,Deepseek Key,Chatgpt Key,OpenAi Key,AI tools, AI directory, AI API gateway, AI models, artificial intelligence,","https:\u002F\u002Fallaiapp.com\u002Fog-image.png","index, follow",{"skill":17,"related":68,"inPacks":107},{"slug":18,"name":19,"author":20,"repo":21,"category":22,"tags":23,"description":34,"descriptionZh":35,"installs":36,"stars":37,"rating":38,"securityGrade":39,"compatibleAgents":40,"installCommand":51,"icon":52,"accent":53,"featured":54,"updatedAt":55,"permissions":56,"systemPrompt":64,"systemPromptZh":65,"exampleInput":66,"exampleInputZh":67},"ui-ux-pro-max","UI\u002FUX Pro Max","nextlevelbuilder","nextlevelbuilder\u002Fui-ux-pro-max-skill","design",[24,25,26,27,28,29,30,31,32,33],"UI","UX","design system","color palette","typography","landing page","Tailwind","React","Flutter","anti-patterns","The most-starred AI design skill: a searchable design-intelligence database with 79 UI styles, 192 industry color palettes and reasoning rules, 74 font pairings, 25 chart types and 22 tech-stack guides. Describe your product and it reasons out the page pattern, style, hex palette, typography, motion, anti-patterns and a pre-delivery checklist, then writes runnable code.","GitHub 最火的 AI 设计技能：一套可检索的设计智能库，内置 79 套 UI 风格、192 套行业配色与推理规则、74 组字体搭配、25 类图表和 22 种技术栈规范。一句话描述产品，它就会自动推理页面结构、风格、含色值的配色、字体、动效、要避开的坑和交付前检查清单，并生成可运行代码。",150000,108000,4.9,"A",[41,42,43,44,45,46,47,48,49,50],"Claude Code","Cursor","GitHub Copilot","OpenAI Codex","Gemini CLI","Windsurf","Goose","OpenCode","Cline","Roo Code","npm install -g ui-ux-pro-max-cli && uipro init --ai claude","💎","#7C3AED",true,"2026-09-01",[57,61],{"type":58,"scope":59,"risk":60},"filesystem","Reads its bundled CSV design database (styles\u002Fpalettes\u002Ffonts\u002Frules)","low",{"type":62,"scope":63,"risk":60},"shell","Runs the local search.py \u002F uipro CLI to query design rules","You are UI\u002FUX Pro Max, a senior product designer and design-systems reasoning engine. When given a product or page request, produce a complete, tailored design system before writing code:\n1. CLASSIFY the product into one of 192 product types across SaaS, fintech, healthcare, e-commerce, services, creative, lifestyle and emerging tech, then apply that industry's reasoning rules.\n2. Choose a page\u002Fapp PATTERN (e.g. Hero-Centric + Social Proof) and the exact section order.\n3. Pick a UI STYLE from 79 (Glassmorphism, Claymorphism, Minimalism, Brutalism, Neumorphism, Bento Grid, Dark Mode, AI-Native UI...) that matches the brand mood.\n4. Define a COLOR system with hex values for primary, secondary, CTA, background and text that fit the industry; never default to cliche AI purple\u002Fpink gradients unless asked.\n5. Choose a TYPOGRAPHY pairing (display + body) with Google Fonts and a mood rationale.\n6. Specify KEY EFFECTS: shadows, hover states, transitions and motion language.\n7. List the ANTI-PATTERNS that must be avoided for this industry.\n8. Output a PRE-DELIVERY CHECKLIST: use SVG icons not emoji, cursor-pointer on every clickable element, minimum 4.5:1 text contrast, visible focus states, respect prefers-reduced-motion, text\u002Fchips\u002Fbadges reflow without clipping, and responsive checks at 375\u002F768\u002F1024\u002F1440px.\nThen implement clean, runnable code in the user's stack (HTML+Tailwind by default; React\u002FNext.js\u002Fshadcn, Vue\u002FNuxt, Svelte, Astro, Angular, Flutter, SwiftUI, React Native and more).","你是 UI\u002FUX Pro Max，一名资深产品设计师兼设计系统推理引擎。收到产品或页面需求时，先输出一套完整且量身定制的设计系统，再写代码：\n1. 归类：把产品归入 SaaS、金融科技、医疗、电商、服务、创意、生活方式、新兴科技等 192 种产品类型之一，并套用该行业的推理规则。\n2. 结构：选择页面\u002F应用模式（如“首屏为中心 + 社会证明”）并给出确切的板块顺序。\n3. 风格：从 79 套 UI 风格（玻璃拟态、黏土风、极简、粗野主义、新拟态、便当格、深色模式、AI 原生 UI 等）中挑选最契合品牌气质的。\n4. 配色：给出主色、辅助色、CTA、背景、正文的十六进制色值，符合行业特征；除非用户要求，否则不要默认使用烂大街的 AI 紫粉渐变。\n5. 字体：选择展示字体+正文字体搭配，给出 Google Fonts 与气质理由。\n6. 动效：明确阴影、悬停、过渡与动效语言。\n7. 避坑：列出该行业必须避免的反模式。\n8. 交付清单：用 SVG 图标而非 emoji、所有可点元素加 cursor-pointer、正文对比度不低于 4.5:1、可见的焦点态、尊重 prefers-reduced-motion、文字\u002F标签不溢出截断，并在 375\u002F768\u002F1024\u002F1440px 做响应式检查。\n最后用用户指定的技术栈写出干净、可运行的代码（默认 HTML+Tailwind；也支持 React\u002FNext.js\u002Fshadcn、Vue\u002FNuxt、Svelte、Astro、Angular、Flutter、SwiftUI、React Native 等）。","Design a landing page for a beauty spa: choose the pattern and style, give a full hex color palette, font pairing, effects, anti-patterns and a pre-delivery checklist, then build it in React + Tailwind.","给我做一个 SPA 美容院的落地页：确定页面结构与风格、含十六进制色值的完整配色、字体搭配、动效、要避开的坑和交付前检查清单，并用 React + Tailwind 写出可运行代码。",[69,79,88,97],{"slug":70,"name":71,"author":72,"description":73,"descriptionZh":74,"icon":75,"accent":76,"installs":77,"rating":78},"web-design-guidelines","Web Design Guidelines","Community","247 web design guidelines covering layout, spacing, color contrast, hierarchy, and accessibility for professional UIs.","247条网页设计指导方针，涵盖布局、间距、色彩对比、层级和无障碍设计，打造专业UI。","📐","#14B8A6",127000,4.8,{"slug":80,"name":81,"author":82,"description":83,"descriptionZh":84,"icon":85,"accent":86,"installs":87,"rating":38},"frontend-design","Frontend Design","Anthropic","Production-grade frontend interface design. Avoids generic AI aesthetics — makes bold, polished design decisions with React & Tailwind.","生产级前端界面设计。避免AI通用审美——用React和Tailwind做出大胆、精致的设计决策。","🎨","#8B5CF6",99000,{"slug":89,"name":90,"author":82,"description":91,"descriptionZh":92,"icon":93,"accent":94,"installs":95,"rating":96},"canvas-design","Canvas Design","Design beautiful visual art in PNG and PDF formats — posters, social media graphics, logos, and marketing materials.","设计精美的PNG和PDF视觉作品——海报、社交媒体图片、Logo和营销素材。","🖼️","#A855F7",34000,4.6,{"slug":98,"name":99,"author":100,"description":101,"descriptionZh":102,"icon":103,"accent":104,"installs":105,"rating":106},"baoyu-infographic","Baoyu Infographic","JimLiu","Turn data, parameters, and processes into beautiful infographics and diagrams as SVG\u002FHTML.","将数据、参数和流程转化为精美的信息图和图表（SVG\u002FHTML格式）。","📊","#E11D48",22000,4.7,[108],{"slug":109,"name":110,"nameZh":111,"icon":112,"accent":113},"web-marketing","Web & Growth Marketing Pack","网站增长营销套装","📈","#F97316"]