[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-nextlevelbuilder--ui-ux-pro-max-skill":3,"tool-nextlevelbuilder--ui-ux-pro-max-skill":65},[4,17,27,35,43,56],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":16},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",159267,2,"2026-04-17T11:29:14",[13,14,15],"开发框架","Agent","语言模型","ready",{"id":18,"name":19,"github_repo":20,"description_zh":21,"stars":22,"difficulty_score":23,"last_commit_at":24,"category_tags":25,"status":16},4487,"LLMs-from-scratch","rasbt\u002FLLMs-from-scratch","LLMs-from-scratch 是一个基于 PyTorch 的开源教育项目，旨在引导用户从零开始一步步构建一个类似 ChatGPT 的大型语言模型（LLM）。它不仅是同名技术著作的官方代码库，更提供了一套完整的实践方案，涵盖模型开发、预训练及微调的全过程。\n\n该项目主要解决了大模型领域“黑盒化”的学习痛点。许多开发者虽能调用现成模型，却难以深入理解其内部架构与训练机制。通过亲手编写每一行核心代码，用户能够透彻掌握 Transformer 架构、注意力机制等关键原理，从而真正理解大模型是如何“思考”的。此外，项目还包含了加载大型预训练权重进行微调的代码，帮助用户将理论知识延伸至实际应用。\n\nLLMs-from-scratch 特别适合希望深入底层原理的 AI 开发者、研究人员以及计算机专业的学生。对于不满足于仅使用 API，而是渴望探究模型构建细节的技术人员而言，这是极佳的学习资源。其独特的技术亮点在于“循序渐进”的教学设计：将复杂的系统工程拆解为清晰的步骤，配合详细的图表与示例，让构建一个虽小但功能完备的大模型变得触手可及。无论你是想夯实理论基础，还是为未来研发更大规模的模型做准备",90106,3,"2026-04-06T11:19:32",[15,26,14,13],"图像",{"id":28,"name":29,"github_repo":30,"description_zh":31,"stars":32,"difficulty_score":10,"last_commit_at":33,"category_tags":34,"status":16},8553,"spec-kit","github\u002Fspec-kit","Spec Kit 是一款专为提升软件开发效率而设计的开源工具包，旨在帮助团队快速落地“规格驱动开发”（Spec-Driven Development）模式。传统开发中，需求文档往往与代码实现脱节，导致沟通成本高且结果不可控；而 Spec Kit 通过将规格说明书转化为可执行的指令，让 AI 直接依据明确的业务场景生成高质量代码，从而减少从零开始的随意编码，确保产出结果的可预测性。\n\n该工具特别适合希望利用 AI 辅助编程的开发者、技术负责人及初创团队。无论是启动全新项目还是在现有工程中引入规范化流程，用户只需通过简单的命令行操作，即可初始化项目并集成主流的 AI 编程助手。其核心技术亮点在于“规格即代码”的理念，支持社区扩展与预设模板，允许用户根据特定技术栈定制开发流程。此外，Spec Kit 强调官方维护的安全性，提供稳定的版本管理，帮助开发者在享受 AI 红利的同时，依然牢牢掌握架构设计的主动权，真正实现从“凭感觉写代码”到“按规格建系统”的转变。",88749,"2026-04-17T09:48:14",[15,26,14,13],{"id":36,"name":37,"github_repo":38,"description_zh":39,"stars":40,"difficulty_score":10,"last_commit_at":41,"category_tags":42,"status":16},3704,"NextChat","ChatGPTNextWeb\u002FNextChat","NextChat 是一款轻量且极速的 AI 助手，旨在为用户提供流畅、跨平台的大模型交互体验。它完美解决了用户在多设备间切换时难以保持对话连续性，以及面对众多 AI 模型不知如何统一管理的痛点。无论是日常办公、学习辅助还是创意激发，NextChat 都能让用户随时随地通过网页、iOS、Android、Windows、MacOS 或 Linux 端无缝接入智能服务。\n\n这款工具非常适合普通用户、学生、职场人士以及需要私有化部署的企业团队使用。对于开发者而言，它也提供了便捷的自托管方案，支持一键部署到 Vercel 或 Zeabur 等平台。\n\nNextChat 的核心亮点在于其广泛的模型兼容性，原生支持 Claude、DeepSeek、GPT-4 及 Gemini Pro 等主流大模型，让用户在一个界面即可自由切换不同 AI 能力。此外，它还率先支持 MCP（Model Context Protocol）协议，增强了上下文处理能力。针对企业用户，NextChat 提供专业版解决方案，具备品牌定制、细粒度权限控制、内部知识库整合及安全审计等功能，满足公司对数据隐私和个性化管理的高标准要求。",87618,"2026-04-05T07:20:52",[13,15],{"id":44,"name":45,"github_repo":46,"description_zh":47,"stars":48,"difficulty_score":10,"last_commit_at":49,"category_tags":50,"status":16},2268,"ML-For-Beginners","microsoft\u002FML-For-Beginners","ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程，旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周，包含 26 节精炼课程和 52 道配套测验，内容涵盖从基础概念到实际应用的完整流程，有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。\n\n无论是希望转型的开发者、需要补充算法背景的研究人员，还是对人工智能充满好奇的普通爱好者，都能从中受益。课程不仅提供了清晰的理论讲解，还强调动手实践，让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持，通过自动化机制提供了包括简体中文在内的 50 多种语言版本，极大地降低了全球不同背景用户的学习门槛。此外，项目采用开源协作模式，社区活跃且内容持续更新，确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路，ML-For-Beginners 将是理想的起点。",85092,"2026-04-10T11:13:16",[26,51,52,53,14,54,15,13,55],"数据工具","视频","插件","其他","音频",{"id":57,"name":58,"github_repo":59,"description_zh":60,"stars":61,"difficulty_score":62,"last_commit_at":63,"category_tags":64,"status":16},5784,"funNLP","fighting41love\u002FfunNLP","funNLP 是一个专为中文自然语言处理（NLP）打造的超级资源库，被誉为\"NLP 民工的乐园”。它并非单一的软件工具，而是一个汇集了海量开源项目、数据集、预训练模型和实用代码的综合性平台。\n\n面对中文 NLP 领域资源分散、入门门槛高以及特定场景数据匮乏的痛点，funNLP 提供了“一站式”解决方案。这里不仅涵盖了分词、命名实体识别、情感分析、文本摘要等基础任务的标准工具，还独特地收录了丰富的垂直领域资源，如法律、医疗、金融行业的专用词库与数据集，甚至包含古诗词生成、歌词创作等趣味应用。其核心亮点在于极高的全面性与实用性，从基础的字典词典到前沿的 BERT、GPT-2 模型代码，再到高质量的标注数据和竞赛方案，应有尽有。\n\n无论是刚刚踏入 NLP 领域的学生、需要快速验证想法的算法工程师，还是从事人工智能研究的学者，都能在这里找到急需的“武器弹药”。对于开发者而言，它能大幅减少寻找数据和复现模型的时间；对于研究者，它提供了丰富的基准测试资源和前沿技术参考。funNLP 以开放共享的精神，极大地降低了中文自然语言处理的开发与研究成本，是中文 AI 社区不可或缺的宝藏仓库。",79857,1,"2026-04-08T20:11:31",[15,51,54],{"id":66,"github_repo":67,"name":68,"description_en":69,"description_zh":70,"ai_summary_zh":70,"readme_en":71,"readme_zh":72,"quickstart_zh":73,"use_case_zh":74,"hero_image_url":75,"owner_login":76,"owner_name":77,"owner_avatar_url":78,"owner_bio":79,"owner_company":80,"owner_location":80,"owner_email":81,"owner_twitter":82,"owner_website":83,"owner_url":84,"languages":85,"stars":102,"forks":103,"last_commit_at":104,"license":105,"difficulty_score":62,"env_os":106,"env_gpu":106,"env_ram":106,"env_deps":107,"category_tags":112,"github_topics":113,"view_count":10,"oss_zip_url":80,"oss_zip_packed_at":80,"status":16,"created_at":133,"updated_at":134,"faqs":135,"releases":165},8667,"nextlevelbuilder\u002Fui-ux-pro-max-skill","ui-ux-pro-max-skill","An AI SKILL that provide design intelligence for building professional UI\u002FUX multiple platforms","ui-ux-pro-max-skill 是一款专为多平台开发打造的 AI 设计智能助手。它旨在解决开发者在构建专业用户界面（UI）和用户体验（UX）时，面临的设计规范不统一、风格难以把控以及从零开始构思耗时费力等痛点。无论是网页、移动端还是跨框架应用，它都能提供智能化的设计指导。\n\n这款工具特别适合前端开发者、全栈工程师以及需要快速产出高质量原型的产品设计师使用。即使没有深厚的美术背景，用户也能借助它轻松获得符合专业标准的设计方案。\n\n其核心亮点在于 v2.0 版本引入的“智能设计系统生成器”。这是一个基于 AI 的推理引擎，内置了 161 条推理规则和 67 种 UI 风格模板。只需输入项目需求，它就能在数秒内分析目标受众与业务场景，自动生成包含页面结构、转化策略、配色方案及交互逻辑在内的完整定制式设计系统。例如，针对一个 spa 会所项目，它能自动推荐以情感驱动为主的布局，并规划好从英雄区到预订流程的各个板块。通过将这些专业设计知识代码化，ui-ux-pro-max-skill 让构建美观且高转化的数字产品变得更加高效简单。","# [UI UX Pro Max](https:\u002F\u002Fuupm.cc)\n \n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Freleases\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fv\u002Frelease\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill?style=for-the-badge&color=blue\" alt=\"GitHub Release\">\u003C\u002Fa>\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Freasoning_rules-161-green?style=for-the-badge\" alt=\"161 Reasoning Rules\">\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FUI_styles-67-purple?style=for-the-badge\" alt=\"67 UI Styles\">\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fpython-3.x-yellow?style=for-the-badge&logo=python&logoColor=white\" alt=\"Python 3.x\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fblob\u002Fmain\u002FLICENSE\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill?style=for-the-badge&color=green\" alt=\"License\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fuipro-cli\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fuipro-cli?style=flat-square&logo=npm&label=CLI\" alt=\"npm\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fuipro-cli\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fuipro-cli?style=flat-square&label=downloads\" alt=\"npm downloads\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fstargazers\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill?style=flat-square&logo=github\" alt=\"GitHub stars\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fpaypal.me\u002Fuiuxpromax\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPayPal-Support%20Development-00457C?style=flat-square&logo=paypal&logoColor=white\" alt=\"PayPal\">\u003C\u002Fa>\n\u003C\u002Fp>\n\nAn AI skill that provides design intelligence for building professional UI\u002FUX across multiple platforms and frameworks.\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fuupm.cc\">\n    \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fnextlevelbuilder_ui-ux-pro-max-skill_readme_e31f3d6be534.png\" alt=\"UI UX Pro Max\" width=\"800\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cb>If you find this useful, consider supporting the project:\u003C\u002Fb>\u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fpaypal.me\u002Fuiuxpromax\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPayPal-Donate-00457C?style=for-the-badge&logo=paypal&logoColor=white\" alt=\"PayPal Donate\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ci>Other projects\u003C\u002Fi>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fnextlevelbuilder.io\">NextLevelBuilder.io\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fgoclaw.sh\">GoClaw.sh\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fclaudekit.cc\">ClaudeKit.cc\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Ftose.sh\">TOSE.sh\u003C\u002Fa>\n\u003C\u002Fp>\n\n## What's New in v2.0\n\n### Intelligent Design System Generation\n\nThe flagship feature of v2.0 is the **Design System Generator** - an AI-powered reasoning engine that analyzes your project requirements and generates a complete, tailored design system in seconds.\n\n```\n+----------------------------------------------------------------------------------------+\n|  TARGET: Serenity Spa - RECOMMENDED DESIGN SYSTEM                                      |\n+----------------------------------------------------------------------------------------+\n|                                                                                        |\n|  PATTERN: Hero-Centric + Social Proof                                                  |\n|     Conversion: Emotion-driven with trust elements                                     |\n|     CTA: Above fold, repeated after testimonials                                       |\n|     Sections:                                                                          |\n|       1. Hero                                                                          |\n|       2. Services                                                                      |\n|       3. Testimonials                                                                  |\n|       4. Booking                                                                       |\n|       5. Contact                                                                       |\n|                                                                                        |\n|  STYLE: Soft UI Evolution                                                              |\n|     Keywords: Soft shadows, subtle depth, calming, premium feel, organic shapes        |\n|     Best For: Wellness, beauty, lifestyle brands, premium services                     |\n|     Performance: Excellent | Accessibility: WCAG AA                                    |\n|                                                                                        |\n|  COLORS:                                                                               |\n|     Primary:    #E8B4B8 (Soft Pink)                                                    |\n|     Secondary:  #A8D5BA (Sage Green)                                                   |\n|     CTA:        #D4AF37 (Gold)                                                         |\n|     Background: #FFF5F5 (Warm White)                                                   |\n|     Text:       #2D3436 (Charcoal)                                                     |\n|     Notes: Calming palette with gold accents for luxury feel                           |\n|                                                                                        |\n|  TYPOGRAPHY: Cormorant Garamond \u002F Montserrat                                           |\n|     Mood: Elegant, calming, sophisticated                                              |\n|     Best For: Luxury brands, wellness, beauty, editorial                               |\n|     Google Fonts: https:\u002F\u002Ffonts.google.com\u002Fshare?selection.family=...                  |\n|                                                                                        |\n|  KEY EFFECTS:                                                                          |\n|     Soft shadows + Smooth transitions (200-300ms) + Gentle hover states                |\n|                                                                                        |\n|  AVOID (Anti-patterns):                                                                |\n|     Bright neon colors + Harsh animations + Dark mode + AI purple\u002Fpink gradients       |\n|                                                                                        |\n|  PRE-DELIVERY CHECKLIST:                                                               |\n|     [ ] No emojis as icons (use SVG: Heroicons\u002FLucide)                                 |\n|     [ ] cursor-pointer on all clickable elements                                       |\n|     [ ] Hover states with smooth transitions (150-300ms)                               |\n|     [ ] Light mode: text contrast 4.5:1 minimum                                        |\n|     [ ] Focus states visible for keyboard nav                                          |\n|     [ ] prefers-reduced-motion respected                                               |\n|     [ ] Responsive: 375px, 768px, 1024px, 1440px                                       |\n|                                                                                        |\n+----------------------------------------------------------------------------------------+\n```\n\n### How Design System Generation Works\n\n```\n┌─────────────────────────────────────────────────────────────────┐\n│  1. USER REQUEST                                                │\n│     \"Build a landing page for my beauty spa\"                    │\n└─────────────────────────────────────────────────────────────────┘\n                              │\n                              ▼\n┌─────────────────────────────────────────────────────────────────┐\n│  2. MULTI-DOMAIN SEARCH (5 parallel searches)                   │\n│     • Product type matching (161 categories)                    │\n│     • Style recommendations (67 styles)                         │\n│     • Color palette selection (161 palettes)                    │\n│     • Landing page patterns (24 patterns)                       │\n│     • Typography pairing (57 font combinations)                 │\n└─────────────────────────────────────────────────────────────────┘\n                              │\n                              ▼\n┌─────────────────────────────────────────────────────────────────┐\n│  3. REASONING ENGINE                                            │\n│     • Match product → UI category rules                         │\n│     • Apply style priorities (BM25 ranking)                     │\n│     • Filter anti-patterns for industry                         │\n│     • Process decision rules (JSON conditions)                  │\n└─────────────────────────────────────────────────────────────────┘\n                              │\n                              ▼\n┌─────────────────────────────────────────────────────────────────┐\n│  4. COMPLETE DESIGN SYSTEM OUTPUT                               │\n│     Pattern + Style + Colors + Typography + Effects             │\n│     + Anti-patterns to avoid + Pre-delivery checklist           │\n└─────────────────────────────────────────────────────────────────┘\n```\n\n### 161 Industry-Specific Reasoning Rules\n\nThe reasoning engine includes specialized rules for:\n\n| Category | Examples |\n|----------|----------|\n| **Tech & SaaS** | SaaS, Micro SaaS, B2B Service, Developer Tool \u002F IDE, AI\u002FChatbot Platform, Cybersecurity Platform |\n| **Finance** | Fintech\u002FCrypto, Banking, Insurance, Personal Finance Tracker, Invoice & Billing Tool |\n| **Healthcare** | Medical Clinic, Pharmacy, Dental, Veterinary, Mental Health, Medication Reminder |\n| **E-commerce** | General, Luxury, Marketplace (P2P), Subscription Box, Food Delivery |\n| **Services** | Beauty\u002FSpa, Restaurant, Hotel, Legal, Home Services, Booking & Appointment |\n| **Creative** | Portfolio, Agency, Photography, Gaming, Music Streaming, Photo\u002FVideo Editor |\n| **Lifestyle** | Habit Tracker, Recipe & Cooking, Meditation, Weather, Diary, Mood Tracker |\n| **Emerging Tech** | Web3\u002FNFT, Spatial Computing, Quantum Computing, Autonomous Drone Fleet |\n\nEach rule includes:\n- **Recommended Pattern** - Landing page structure\n- **Style Priority** - Best matching UI styles\n- **Color Mood** - Industry-appropriate palettes\n- **Typography Mood** - Font personality matching\n- **Key Effects** - Animations and interactions\n- **Anti-Patterns** - What NOT to do (e.g., \"AI purple\u002Fpink gradients\" for banking)\n\n## Features\n\n- **67 UI Styles** - Glassmorphism, Claymorphism, Minimalism, Brutalism, Neumorphism, Bento Grid, Dark Mode, AI-Native UI, and more\n- **161 Color Palettes** - Industry-specific palettes aligned 1:1 with the 161 product types\n- **57 Font Pairings** - Curated typography combinations with Google Fonts imports\n- **25 Chart Types** - Recommendations for dashboards and analytics\n- **15 Tech Stacks** - React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, HTML+Tailwind, shadcn\u002Fui, Jetpack Compose, Angular, Laravel\n- **99 UX Guidelines** - Best practices, anti-patterns, and accessibility rules\n- **161 Reasoning Rules** - Industry-specific design system generation (NEW in v2.0)\n\n### Available Styles (67)\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>General Styles (49)\u003C\u002Fb>\u003C\u002Fsummary>\n\n| # | Style | Best For |\n|---|-------|----------|\n| 1 | Minimalism & Swiss Style | Enterprise apps, dashboards, documentation |\n| 2 | Neumorphism | Health\u002Fwellness apps, meditation platforms |\n| 3 | Glassmorphism | Modern SaaS, financial dashboards |\n| 4 | Brutalism | Design portfolios, artistic projects |\n| 5 | 3D & Hyperrealism | Gaming, product showcase, immersive |\n| 6 | Vibrant & Block-based | Startups, creative agencies, gaming |\n| 7 | Dark Mode (OLED) | Night-mode apps, coding platforms |\n| 8 | Accessible & Ethical | Government, healthcare, education |\n| 9 | Claymorphism | Educational apps, children's apps, SaaS |\n| 10 | Aurora UI | Modern SaaS, creative agencies |\n| 11 | Retro-Futurism | Gaming, entertainment, music platforms |\n| 12 | Flat Design | Web apps, mobile apps, startup MVPs |\n| 13 | Skeuomorphism | Legacy apps, gaming, premium products |\n| 14 | Liquid Glass | Premium SaaS, high-end e-commerce |\n| 15 | Motion-Driven | Portfolio sites, storytelling platforms |\n| 16 | Micro-interactions | Mobile apps, touchscreen UIs |\n| 17 | Inclusive Design | Public services, education, healthcare |\n| 18 | Zero Interface | Voice assistants, AI platforms |\n| 19 | Soft UI Evolution | Modern enterprise apps, SaaS |\n| 20 | Neubrutalism | Gen Z brands, startups, Figma-style |\n| 21 | Bento Box Grid | Dashboards, product pages, portfolios |\n| 22 | Y2K Aesthetic | Fashion brands, music, Gen Z |\n| 23 | Cyberpunk UI | Gaming, tech products, crypto apps |\n| 24 | Organic Biophilic | Wellness apps, sustainability brands |\n| 25 | AI-Native UI | AI products, chatbots, copilots |\n| 26 | Memphis Design | Creative agencies, music, youth brands |\n| 27 | Vaporwave | Music platforms, gaming, portfolios |\n| 28 | Dimensional Layering | Dashboards, card layouts, modals |\n| 29 | Exaggerated Minimalism | Fashion, architecture, portfolios |\n| 30 | Kinetic Typography | Hero sections, marketing sites |\n| 31 | Parallax Storytelling | Brand storytelling, product launches |\n| 32 | Swiss Modernism 2.0 | Corporate sites, architecture, editorial |\n| 33 | HUD \u002F Sci-Fi FUI | Sci-fi games, space tech, cybersecurity |\n| 34 | Pixel Art | Indie games, retro tools, creative |\n| 35 | Bento Grids | Product features, dashboards, personal |\n| 36 | Spatial UI (VisionOS) | Spatial computing apps, VR\u002FAR |\n| 37 | E-Ink \u002F Paper | Reading apps, digital newspapers |\n| 38 | Gen Z Chaos \u002F Maximalism | Gen Z lifestyle, music artists |\n| 39 | Biomimetic \u002F Organic 2.0 | Sustainability tech, biotech, health |\n| 40 | Anti-Polish \u002F Raw Aesthetic | Creative portfolios, artist sites |\n| 41 | Tactile Digital \u002F Deformable UI | Modern mobile apps, playful brands |\n| 42 | Nature Distilled | Wellness brands, sustainable products |\n| 43 | Interactive Cursor Design | Creative portfolios, interactive |\n| 44 | Voice-First Multimodal | Voice assistants, accessibility apps |\n| 45 | 3D Product Preview | E-commerce, furniture, fashion |\n| 46 | Gradient Mesh \u002F Aurora Evolved | Hero sections, backgrounds, creative |\n| 47 | Editorial Grid \u002F Magazine | News sites, blogs, magazines |\n| 48 | Chromatic Aberration \u002F RGB Split | Music platforms, gaming, tech |\n| 49 | Vintage Analog \u002F Retro Film | Photography, music\u002Fvinyl brands |\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>Landing Page Styles (8)\u003C\u002Fb>\u003C\u002Fsummary>\n\n| # | Style | Best For |\n|---|-------|----------|\n| 1 | Hero-Centric Design | Products with strong visual identity |\n| 2 | Conversion-Optimized | Lead generation, sales pages |\n| 3 | Feature-Rich Showcase | SaaS, complex products |\n| 4 | Minimal & Direct | Simple products, apps |\n| 5 | Social Proof-Focused | Services, B2C products |\n| 6 | Interactive Product Demo | Software, tools |\n| 7 | Trust & Authority | B2B, enterprise, consulting |\n| 8 | Storytelling-Driven | Brands, agencies, nonprofits |\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>BI\u002FAnalytics Dashboard Styles (10)\u003C\u002Fb>\u003C\u002Fsummary>\n\n| # | Style | Best For |\n|---|-------|----------|\n| 1 | Data-Dense Dashboard | Complex data analysis |\n| 2 | Heat Map & Heatmap Style | Geographic\u002Fbehavior data |\n| 3 | Executive Dashboard | C-suite summaries |\n| 4 | Real-Time Monitoring | Operations, DevOps |\n| 5 | Drill-Down Analytics | Detailed exploration |\n| 6 | Comparative Analysis Dashboard | Side-by-side comparisons |\n| 7 | Predictive Analytics | Forecasting, ML insights |\n| 8 | User Behavior Analytics | UX research, product analytics |\n| 9 | Financial Dashboard | Finance, accounting |\n| 10 | Sales Intelligence Dashboard | Sales teams, CRM |\n\n\u003C\u002Fdetails>\n\n## Installation\n\n### Using Claude Marketplace (Claude Code)\n\nInstall directly in Claude Code with two commands:\n\n```\n\u002Fplugin marketplace add nextlevelbuilder\u002Fui-ux-pro-max-skill\n\u002Fplugin install ui-ux-pro-max@ui-ux-pro-max-skill\n```\n\n### Using CLI (Recommended)\n\n```bash\n# Install CLI globally\nnpm install -g uipro-cli\n\n# Go to your project\ncd \u002Fpath\u002Fto\u002Fyour\u002Fproject\n\n# Install for your AI assistant\nuipro init --ai claude      # Claude Code\nuipro init --ai cursor      # Cursor\nuipro init --ai windsurf    # Windsurf\nuipro init --ai antigravity # Antigravity\nuipro init --ai copilot     # GitHub Copilot\nuipro init --ai kiro        # Kiro\nuipro init --ai codex       # Codex CLI\nuipro init --ai qoder       # Qoder\nuipro init --ai roocode     # Roo Code\nuipro init --ai gemini      # Gemini CLI\nuipro init --ai trae        # Trae\nuipro init --ai opencode    # OpenCode\nuipro init --ai continue    # Continue\nuipro init --ai codebuddy   # CodeBuddy\nuipro init --ai droid       # Droid (Factory)\nuipro init --ai kilocode    # KiloCode\nuipro init --ai warp        # Warp\nuipro init --ai augment     # Augment\nuipro init --ai all         # All assistants\n```\n\n### Global Install (Available for All Projects)\n\n```bash\nuipro init --ai claude --global   # Install to ~\u002F.claude\u002Fskills\u002F\nuipro init --ai cursor --global   # Install to ~\u002F.cursor\u002Fskills\u002F\n```\n\n### Other CLI Commands\n\n```bash\nuipro versions              # List available versions\nuipro update                # Update to latest version\nuipro init --offline        # Skip GitHub download, use bundled assets\nuipro uninstall             # Remove skill (auto-detect platform)\nuipro uninstall --ai claude # Remove specific platform\nuipro uninstall --global    # Remove from global install\n```\n\n## Prerequisites\n\nPython 3.x is required for the search script.\n\n```bash\n# Check if Python is installed\npython3 --version\n\n# macOS\nbrew install python3\n\n# Ubuntu\u002FDebian\nsudo apt update && sudo apt install python3\n\n# Windows\nwinget install Python.Python.3.12\n```\n\n## Usage\n\n### Skill Mode (Auto-activate)\n\n**Supported:** Claude Code, Cursor, Windsurf, Antigravity, Codex CLI, Continue, Gemini CLI, OpenCode, Qoder, CodeBuddy, Droid (Factory), KiloCode, Warp, Augment\n\nThe skill activates automatically when you request UI\u002FUX work. Just chat naturally:\n\n```\nBuild a landing page for my SaaS product\n```\n\n> **Trae**: Switch to **SOLO** mode first. The skill will activate for UI\u002FUX requests.\n\n### Workflow Mode (Slash Command)\n\n**Supported:** Kiro, GitHub Copilot, Roo Code, KiloCode\n\nUse the slash command to invoke the skill:\n\n```\n\u002Fui-ux-pro-max Build a landing page for my SaaS product\n```\n\n### Example Prompts\n\n```\nBuild a landing page for my SaaS product\n\nCreate a dashboard for healthcare analytics\n\nDesign a portfolio website with dark mode\n\nMake a mobile app UI for e-commerce\n\nBuild a fintech banking app with dark theme\n```\n\n### How It Works\n\n1. **You ask** - Request any UI\u002FUX task (build, design, create, implement, review, fix, improve)\n2. **Design System Generated** - The AI automatically generates a complete design system using the reasoning engine\n3. **Smart recommendations** - Based on your product type and requirements, it finds the best matching styles, colors, and typography\n4. **Code generation** - Implements the UI with proper colors, fonts, spacing, and best practices\n5. **Pre-delivery checks** - Validates against common UI\u002FUX anti-patterns\n\n### Supported Stacks\n\nThe skill provides stack-specific guidelines for:\n\n| Category | Stacks |\n|----------|--------|\n| **Web (HTML)** | HTML + Tailwind (default) |\n| **React Ecosystem** | React, Next.js, shadcn\u002Fui |\n| **Vue Ecosystem** | Vue, Nuxt.js, Nuxt UI |\n| **Angular** | Angular |\n| **PHP** | Laravel (Blade, Livewire, Inertia.js) |\n| **Other Web** | Svelte, Astro |\n| **iOS** | SwiftUI |\n| **Android** | Jetpack Compose |\n| **Cross-Platform** | React Native, Flutter |\n\nJust mention your preferred stack in the prompt, or let it default to HTML + Tailwind.\n\n## Design System Command (Advanced)\n\nFor direct access to the design system generator:\n\n> Note: If you installed via Continue, replace `.claude\u002Fskills\u002F` with `.continue\u002Fskills\u002F` in the commands below. For Droid (Factory), use `.factory\u002Fskills\u002F`.\n\n```bash\n# Generate design system with ASCII output\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"beauty spa wellness\" --design-system -p \"Serenity Spa\"\n\n# Generate with Markdown output\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"fintech banking\" --design-system -f markdown\n\n# Domain-specific search\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"glassmorphism\" --domain style\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"elegant serif\" --domain typography\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"dashboard\" --domain chart\n\n# Stack-specific guidelines\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"form validation\" --stack react\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"responsive layout\" --stack html-tailwind\n```\n\n### Persist Design System (Master + Overrides Pattern)\n\nSave your design system to files for **hierarchical retrieval across sessions**:\n\n```bash\n# Generate and persist to design-system\u002FMASTER.md\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"SaaS dashboard\" --design-system --persist -p \"MyApp\"\n\n# Also create a page-specific override file\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"SaaS dashboard\" --design-system --persist -p \"MyApp\" --page \"dashboard\"\n```\n\nThis creates a `design-system\u002F` folder structure:\n\n```\ndesign-system\u002F\n├── MASTER.md           # Global Source of Truth (colors, typography, spacing, components)\n└── pages\u002F\n    └── dashboard.md    # Page-specific overrides (only deviations from Master)\n```\n\n**How hierarchical retrieval works:**\n1. When building a specific page (e.g., \"Checkout\"), first check `design-system\u002Fpages\u002Fcheckout.md`\n2. If the page file exists, its rules **override** the Master file\n3. If not, use `design-system\u002FMASTER.md` exclusively\n\n**Context-aware retrieval prompt:**\n```\nI am building the [Page Name] page. Please read design-system\u002FMASTER.md.\nAlso check if design-system\u002Fpages\u002F[page-name].md exists.\nIf the page file exists, prioritize its rules.\nIf not, use the Master rules exclusively.\nNow, generate the code...\n```\n\n## Architecture & Contributing\n\n### For Users\n\nThe codebase has been restructured to use a **template-based generation system**. All platform-specific files (`.cursor\u002F`, `.windsurf\u002F`, `.kiro\u002F`, `.factory\u002F`, etc.) are now generated dynamically by the CLI.\n\n**Always use the CLI to install:**\n\n```bash\nnpm install -g uipro-cli\nuipro init --ai \u003Cplatform>\n```\n\nThis ensures you get the latest templates and correct file structure for your AI assistant.\n\n### For Contributors\n\nIf you want to contribute to this project:\n\n```bash\n# 1. Clone the repository\ngit clone https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill.git\ncd ui-ux-pro-max-skill\n\n# 2. Understand the structure\nsrc\u002Fui-ux-pro-max\u002F           # Source of truth (data, scripts, templates)\ncli\u002F                         # CLI installer (generates files from templates)\n.claude\u002F                     # Local dev\u002Ftest for Claude Code skill\n.factory\u002F                    # Local dev\u002Ftest for Droid (Factory) skill\n\n# 3. Make changes in src\u002Fui-ux-pro-max\u002F\n# - data\u002F*.csv              → Database files\n# - scripts\u002F*.py            → Search engine & design system\n# - templates\u002F              → Platform-specific templates\n\n# 4. Sync to CLI and test locally\ncp -r src\u002Fui-ux-pro-max\u002Fdata\u002F* cli\u002Fassets\u002Fdata\u002F\ncp -r src\u002Fui-ux-pro-max\u002Fscripts\u002F* cli\u002Fassets\u002Fscripts\u002F\ncp -r src\u002Fui-ux-pro-max\u002Ftemplates\u002F* cli\u002Fassets\u002Ftemplates\u002F\n\n# 5. Build and test CLI\ncd cli && bun run build\nnode dist\u002Findex.js init --ai claude --offline  # Test in a temp folder\n\n# 6. Create PR (never push directly to main)\ngit checkout -b feat\u002Fyour-feature\ngit commit -m \"feat: description\"\ngit push -u origin feat\u002Fyour-feature\ngh pr create\n```\n\nSee [CLAUDE.md](CLAUDE.md) for detailed development guidelines.\n\n## Star History\n\n[![Star History Chart](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fnextlevelbuilder_ui-ux-pro-max-skill_readme_aa78ebd581fc.png)](https:\u002F\u002Fstar-history.com\u002F#nextlevelbuilder\u002Fui-ux-pro-max-skill&Date)\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE).\n","# [UI UX Pro Max](https:\u002F\u002Fuupm.cc)\n \n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Freleases\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fv\u002Frelease\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill?style=for-the-badge&color=blue\" alt=\"GitHub Release\">\u003C\u002Fa>\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Freasoning_rules-161-green?style=for-the-badge\" alt=\"161条推理规则\">\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FUI_styles-67-purple?style=for-the-badge\" alt=\"67种UI样式\">\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fpython-3.x-yellow?style=for-the-badge&logo=python&logoColor=white\" alt=\"Python 3.x\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fblob\u002Fmain\u002FLICENSE\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill?style=for-the-badge&color=green\" alt=\"许可证\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fuipro-cli\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fuipro-cli?style=flat-square&logo=npm&label=CLI\" alt=\"npm\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fuipro-cli\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fuipro-cli?style=flat-square&label=下载量\" alt=\"npm下载量\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fstargazers\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill?style=flat-square&logo=github\" alt=\"GitHub星标\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fpaypal.me\u002Fuiuxpromax\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPayPal-支持开发-00457C?style=flat-square&logo=paypal&logoColor=white\" alt=\"PayPal\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n这是一项AI技能，旨在为跨多个平台和框架的专业UI\u002FUX设计提供智能支持。\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fuupm.cc\">\n    \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fnextlevelbuilder_ui-ux-pro-max-skill_readme_e31f3d6be534.png\" alt=\"UI UX Pro Max\" width=\"800\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cb>如果您觉得此项目有用，请考虑支持我们：\u003C\u002Fb>\u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fpaypal.me\u002Fuiuxpromax\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPayPal-捐赠-00457C?style=for-the-badge&logo=paypal&logoColor=white\" alt=\"PayPal捐赠\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ci>其他项目\u003C\u002Fi>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fnextlevelbuilder.io\">NextLevelBuilder.io\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fgoclaw.sh\">GoClaw.sh\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fclaudekit.cc\">ClaudeKit.cc\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Ftose.sh\">TOSE.sh\u003C\u002Fa>\n\u003C\u002Fp>\n\n## v2.0版本更新内容\n\n### 智能设计系统生成\n\nv2.0 的旗舰功能是 **设计系统生成器**——一个由 AI 驱动的推理引擎，能够分析您的项目需求，并在几秒钟内生成一套完整、量身定制的设计系统。\n\n```\n+----------------------------------------------------------------------------------------+\n|  目标：宁静水疗中心 - 推荐设计系统                                      |\n+----------------------------------------------------------------------------------------+\n|                                                                                        |\n|  模式：英雄主导 + 社会认同                                                  |\n|     转化：以情感驱动，辅以信任元素                                     |\n|     行动号召：位于首屏上方，并在用户评价后重复出现                       |\n|     版块：                                                                          |\n|       1. 英雄区                                                                          |\n|       2. 服务                                                                      |\n|       3. 用户评价                                                                  |\n|       4. 预约                                                                       |\n|       5. 联系方式                                                                       |\n|                                                                                        |\n|  风格：柔和的 UI 进化                                                              |\n|     关键词：柔和阴影、微妙深度、舒缓、高端质感、有机形状        |\n|     适用领域：健康养生、美容、生活方式品牌、高端服务                     |\n|     性能：优秀 | 可访问性：WCAG AA                                    |\n|                                                                                        |\n|  颜色：                                                                               |\n|     主色：    #E8B4B8（柔粉）                                                    |\n|     辅色：  #A8D5BA（鼠尾草绿）                                                   |\n|     行动号召色：        #D4AF37（金色）                                                         |\n|     背景色： #FFF5F5（暖白）                                                   |\n|     文字色： #2D3436（炭黑）                                                     |\n|     备注：舒缓的配色方案，搭配金色点缀，营造奢华感                           |\n|                                                                                        |\n|  字体排版：科莫兰·加拉蒙 \u002F 蒙特塞拉特                                           |\n|     氛围：优雅、舒缓、精致                                              |\n|     适用领域：奢侈品牌、健康养生、美容、内容类媒体                               |\n|     Google Fonts：https:\u002F\u002Ffonts.google.com\u002Fshare?selection.family=...                  |\n|                                                                                        |\n|  核心效果：                                                                          |\n|     柔和阴影 + 平滑过渡（200-300ms） + 温和的悬停状态                |\n|                                                                                        |\n|  避免事项（反模式）：                                                                |\n|     明亮的霓虹色 + 刺激的动画 + 暗色模式 + AI 紫\u002F粉色渐变       |\n|                                                                                        |\n|  交付前检查清单：                                                               |\n|     [ ] 不使用表情符号作为图标（建议使用 SVG：Heroicons\u002FLucide）                                 |\n|     [ ] 所有可点击元素均设置 cursor-pointer                                       |\n|     [ ] 悬停状态采用平滑过渡（150-300ms）                               |\n|     [ ] 浅色模式下，文本对比度不低于 4.5:1                                        |\n|     [ ] 键盘导航时聚焦状态可见                                          |\n|     [ ] 尊重 prefers-reduced-motion 设置                                               |\n|     [ ] 响应式设计：375px、768px、1024px、1440px                                       |\n|                                                                                        |\n+----------------------------------------------------------------------------------------+\n```\n\n### 设计系统生成的工作原理\n\n```\n┌─────────────────────────────────────────────────────────────────┐\n│  1. 用户请求                                                │\n│     “为我的美容水疗中心搭建一个落地页”                    │\n└─────────────────────────────────────────────────────────────────┘\n                              │\n                              ▼\n┌─────────────────────────────────────────────────────────────────┐\n│  2. 多领域搜索（5 个并行搜索）                   │\n│     • 产品类型匹配（161 个类别）                    │\n│     • 风格推荐（67 种风格）                         │\n│     • 色彩方案选择（161 种配色方案）                │\n│     • 落地页模式（24 种模式）                       │\n│     • 字体搭配（57 组字体组合）                     │\n└─────────────────────────────────────────────────────────────────┘\n                              │\n                              ▼\n┌─────────────────────────────────────────────────────────────────┐\n│  3. 推理引擎                                            │\n│     • 匹配产品 → UI 类别规则                         │\n│     • 应用风格优先级（BM25 排名）                     │\n│     • 过滤行业中的反模式                             │\n│     • 处理决策规则（JSON 条件）                      │\n└─────────────────────────────────────────────────────────────────┘\n                              │\n                              ▼\n┌─────────────────────────────────────────────────────────────────┐\n│  4. 完整的设计系统输出                               │\n│     模式 + 风格 + 颜色 + 字体排版 + 效果             │\n│     + 避免事项 + 交付前检查清单           │\n└─────────────────────────────────────────────────────────────────┘\n```\n\n### 161条行业特定设计推理规则\n\n推理引擎包含针对以下领域的专用规则：\n\n| 类别       | 示例                     |\n|------------|--------------------------|\n| **科技与SaaS** | SaaS、微型SaaS、B2B服务、开发者工具\u002FIDE、AI\u002F聊天机器人平台、网络安全平台 |\n| **金融**   | 金融科技\u002F加密货币、银行、保险、个人理财追踪器、发票与账单工具 |\n| **医疗健康** | 医疗诊所、药房、牙科、兽医、心理健康、服药提醒 |\n| **电子商务** | 综合类、奢侈品、P2P交易平台、订阅盒子、食品配送 |\n| **服务业** | 美容\u002FSPA、餐厅、酒店、法律服务、家庭服务、预订与预约 |\n| **创意领域** | 作品集、广告公司、摄影、游戏、音乐流媒体、照片\u002F视频编辑器 |\n| **生活方式** | 习惯追踪、食谱与烹饪、冥想、天气、日记、情绪追踪 |\n| **新兴技术** | Web3\u002FNFT、空间计算、量子计算、自动驾驶无人机群 |\n\n每条规则包括：\n- **推荐模式** - 落地页结构\n- **风格优先级** - 最佳匹配的UI风格\n- **色彩基调** - 符合行业的配色方案\n- **字体基调** - 匹配的字体个性\n- **关键效果** - 动画与交互\n- **反模式** - 不该做的事情（例如，银行业不适用“AI紫粉渐变”）\n\n## 功能特性\n\n- **67种UI风格** - 玻璃拟物、黏土拟物、极简主义、粗野主义、新拟物、便当格子布局、暗黑模式、AI原生UI等\n- **161组配色方案** - 与161种产品类型一一对应的行业专属配色\n- **57组字体搭配** - 精选的Google Fonts字体组合\n- **25种图表类型** - 面板与数据分析的推荐方案\n- **15种技术栈** - React、Next.js、Astro、Vue、Nuxt.js、Nuxt UI、Svelte、SwiftUI、React Native、Flutter、HTML+Tailwind、shadcn\u002Fui、Jetpack Compose、Angular、Laravel\n- **99条UX指南** - 最佳实践、反模式及无障碍访问规范\n- **161条推理规则** - 行业特定的设计系统生成（v2.0新增）\n\n### 可用风格（67种）\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>通用风格（49种）\u003C\u002Fb>\u003C\u002Fsummary>\n\n| 序号 | 风格               | 适用场景                           |\n|------|--------------------|------------------------------------|\n| 1    | 极简主义与瑞士风格 | 企业应用、仪表盘、文档             |\n| 2    | 新拟物             | 健康\u002F wellness应用、冥想平台        |\n| 3    | 玻璃拟物           | 现代SaaS、金融仪表盘              |\n| 4    | 粗野主义           | 设计作品集、艺术项目               |\n| 5    | 3D与超现实主义     | 游戏、产品展示、沉浸式体验         |\n| 6    | 鲜艳且区块化       | 创业公司、创意机构、游戏           |\n| 7    | 暗黑模式（OLED）   | 夜间模式应用、编码平台             |\n| 8    | 无障碍与伦理       | 政府、医疗、教育                   |\n| 9    | 黏土拟物           | 教育类应用、儿童应用、SaaS        |\n| 10   | 极光UI             | 现代SaaS、创意机构                 |\n| 11   | 复古未来主义       | 游戏、娱乐、音乐平台               |\n| 12   | 扁平化设计         | Web应用、移动应用、初创MVP         |\n| 13   | 拟物化设计         | 传统应用、游戏、高端产品           |\n| 14   | 液态玻璃           | 高端SaaS、高端电商                 |\n| 15   | 动效驱动           | 作品集网站、故事讲述平台           |\n| 16   | 微交互             | 移动应用、触屏UI                   |\n| 17   | 包容性设计         | 公共服务、教育、医疗               |\n| 18   | 零界面             | 语音助手、AI平台                   |\n| 19   | 软UI进化           | 现代企业应用、SaaS                 |\n| 20   | 新粗野主义         | Z世代品牌、初创公司、Figma风格     |\n| 21   | 便当盒网格         | 仪表盘、产品页面、作品集           |\n| 22   | Y2K美学            | 时尚品牌、音乐、Z世代              |\n| 23   | 赛博朋克UI         | 游戏、科技产品、加密货币应用       |\n| 24   | 有机亲生物         | 健康类应用、可持续发展品牌         |\n| 25   | AI原生UI           | AI产品、聊天机器人、AI助手         |\n| 26   | 孟菲斯设计         | 创意机构、音乐、年轻品牌           |\n| 27   | 蒸汽波             | 音乐平台、游戏、作品集             |\n| 28   | 立体分层           | 仪表盘、卡片布局、模态窗口         |\n| 29   | 夸张极简主义       | 时尚、建筑、作品集                 |\n| 30   | 动态文字排版       | 英雄区、营销网站                   |\n| 31   | 视差叙事           | 品牌故事、产品发布                 |\n| 32   | 瑞士现代主义2.0    | 企业官网、建筑、编辑类网站         |\n| 33   | HUD\u002F科幻FUI         | 科幻游戏、太空科技、网络安全       |\n| 34   | 像素艺术           | 独立游戏、复古工具、创意           |\n| 35   | 便当网格           | 产品功能、仪表盘、个人主页         |\n| 36   | 空间UI（VisionOS） | 空间计算应用、VR\u002FAR               |\n| 37   | E-Ink\u002F纸质感        | 阅读类应用、数字报纸               |\n| 38   | Z世代混沌\u002F极繁主义 | Z世代生活方式、音乐艺术家          |\n| 39   | 生物仿生\u002F有机2.0    | 可持续科技、生物科技、健康领域     |\n| 40   | 反抛光\u002F原始美学      | 创意作品集、艺术家网站             |\n| 41   | 触感数字\u002F可变形UI   | 现代移动应用、趣味品牌             |\n| 42   | 自然提炼           | 健康品牌、可持续产品               |\n| 43   | 交互式光标设计     | 创意作品集、互动内容               |\n| 44   | 语音优先多模态     | 语音助手、无障碍应用               |\n| 45   | 3D产品预览         | 电商、家具、时尚                   |\n| 46   | 渐变网格\u002F进化的极光 | 英雄区、背景、创意                 |\n| 47   | 编辑网格\u002F杂志风格  | 新闻网站、博客、杂志               |\n| 48   | 色散\u002FRGB分离        | 音乐平台、游戏、科技               |\n| 49   | 复古模拟\u002F复古胶片   | 摄影、音乐\u002F黑胶唱片品牌            |\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>落地页风格（8种）\u003C\u002Fb>\u003C\u002Fsummary>\n\n| 序号 | 风格                | 适用场景                          |\n|------|---------------------|-----------------------------------|\n| 1    | 英雄区中心设计      | 具有强烈视觉形象的产品            |\n| 2    | 转化优化            | 潜在客户获取、销售页面            |\n| 3    | 功能丰富展示        | SaaS、复杂产品                   |\n| 4    | 极简直接            | 简单产品、应用                    |\n| 5    | 社会认同导向        | 服务类、B2C产品                  |\n| 6    | 交互式产品演示      | 软件、工具                        |\n| 7    | 信任与权威          | B2B、企业、咨询                  |\n| 8    | 故事驱动            | 品牌、代理机构、非营利组织       |\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>\u003Cb>BI\u002F分析仪表盘风格（10种）\u003C\u002Fb>\u003C\u002Fsummary>\n\n| 序号 | 风格                | 适用场景                          |\n|------|---------------------|-----------------------------------|\n| 1    | 数据密集型仪表盘    | 复杂数据分析                      |\n| 2    | 热力图风格          | 地理\u002F行为数据                     |\n| 3    | 高管仪表盘          | 高层管理摘要                      |\n| 4    | 实时监控            | 运营、DevOps                      |\n| 5    | 下钻分析            | 详细探索                          |\n| 6    | 对比分析仪表盘      | 并排比较                          |\n| 7    | 预测分析            | 预测、机器学习洞察                |\n| 8    | 用户行为分析        | UX研究、产品分析                  |\n| 9    | 金融仪表盘          | 财务、会计                        |\n| 10   | 销售情报仪表盘      | 销售团队、CRM                     |\n\n\u003C\u002Fdetails>\n\n## 安装方法\n\n### 使用Claude Marketplace（Claude Code）\n\n通过两条命令即可在Claude Code中直接安装：\n\n```\n\u002Fplugin marketplace add nextlevelbuilder\u002Fui-ux-pro-max-skill\n\u002Fplugin install ui-ux-pro-max@ui-ux-pro-max-skill\n```\n\n### 使用CLI（推荐）\n\n```bash\n# 全局安装CLI\nnpm install -g uipro-cli\n\n# 进入你的项目目录\ncd \u002Fpath\u002Fto\u002Fyour\u002Fproject\n\n# 为您的 AI 助手安装\nuipro init --ai claude      # Claude Code\nuipro init --ai cursor      # Cursor\nuipro init --ai windsurf    # Windsurf\nuipro init --ai antigravity # Antigravity\nuipro init --ai copilot     # GitHub Copilot\nuipro init --ai kiro        # Kiro\nuipro init --ai codex       # Codex CLI\nuipro init --ai qoder       # Qoder\nuipro init --ai roocode     # Roo Code\nuipro init --ai gemini      # Gemini CLI\nuipro init --ai trae        # Trae\nuipro init --ai opencode    # OpenCode\nuipro init --ai continue    # Continue\nuipro init --ai codebuddy   # CodeBuddy\nuipro init --ai droid       # Droid (Factory)\nuipro init --ai kilocode    # KiloCode\nuipro init --ai warp        # Warp\nuipro init --ai augment     # Augment\nuipro init --ai all         # 所有助手\n\n### 全局安装（适用于所有项目）\n\n```bash\nuipro init --ai claude --global   # 安装到 ~\u002F.claude\u002Fskills\u002F\nuipro init --ai cursor --global   # 安装到 ~\u002F.cursor\u002Fskills\u002F\n```\n\n### 其他 CLI 命令\n\n```bash\nuipro versions              # 列出可用版本\nuipro update                # 更新到最新版本\nuipro init --offline        # 跳过 GitHub 下载，使用捆绑资源\nuipro uninstall             # 移除技能（自动检测平台）\nuipro uninstall --ai claude # 移除特定平台的技能\nuipro uninstall --global    # 从全局安装中移除\n```\n\n## 先决条件\n\n搜索脚本需要 Python 3.x。\n\n```bash\n# 检查是否已安装 Python\npython3 --version\n\n# macOS\nbrew install python3\n\n# Ubuntu\u002FDebian\nsudo apt update && sudo apt install python3\n\n# Windows\nwinget install Python.Python.3.12\n```\n\n## 使用方法\n\n### 技能模式（自动激活）\n\n**支持：** Claude Code、Cursor、Windsurf、Antigravity、Codex CLI、Continue、Gemini CLI、OpenCode、Qoder、CodeBuddy、Droid (Factory)、KiloCode、Warp、Augment\n\n当您请求 UI\u002FUX 工作时，该技能会自动激活。只需自然地聊天：\n\n```\n为我的 SaaS 产品构建一个着陆页\n```\n\n> **Trae**：请先切换到 **SOLO** 模式。该技能将在收到 UI\u002FUX 请求时自动激活。\n\n### 工作流模式（斜杠命令）\n\n**支持：** Kiro、GitHub Copilot、Roo Code、KiloCode\n\n使用斜杠命令调用技能：\n\n```\n\u002Fui-ux-pro-max 为我的 SaaS 产品构建一个着陆页\n```\n\n### 示例提示\n\n```\n为我的 SaaS 产品构建一个着陆页\n\n创建一个医疗健康分析仪表盘\n\n设计一个带有暗黑模式的个人作品集网站\n\n为电子商务制作一个移动应用界面\n\n构建一个具有暗黑主题的金融科技银行应用\n```\n\n### 工作原理\n\n1. **您提出请求** - 请求任何 UI\u002FUX 任务（构建、设计、创建、实现、审查、修复、改进）\n2. **生成设计系统** - AI 会利用推理引擎自动生成完整的设计系统。\n3. **智能推荐** - 根据您的产品类型和需求，找到最匹配的风格、颜色和排版。\n4. **代码生成** - 使用正确的颜色、字体、间距和最佳实践来实现 UI。\n5. **交付前检查** - 验证是否存在常见的 UI\u002FUX 反模式。\n\n### 支持的堆栈\n\n该技能为以下堆栈提供特定指南：\n\n| 类别 | 堆栈 |\n|------|------|\n| **Web (HTML)** | HTML + Tailwind（默认） |\n| **React 生态系统** | React、Next.js、shadcn\u002Fui |\n| **Vue 生态系统** | Vue、Nuxt.js、Nuxt UI |\n| **Angular** | Angular |\n| **PHP** | Laravel（Blade、Livewire、Inertia.js） |\n| **其他 Web** | Svelte、Astro |\n| **iOS** | SwiftUI |\n| **Android** | Jetpack Compose |\n| **跨平台** | React Native、Flutter |\n\n您只需在提示中提及首选堆栈，或让其默认为 HTML + Tailwind。\n\n## 设计系统命令（高级）\n\n直接访问设计系统生成器：\n\n> 注意：如果您通过 Continue 安装，请将以下命令中的 `.claude\u002Fskills\u002F` 替换为 `.continue\u002Fskills\u002F`。对于 Droid (Factory)，请使用 `.factory\u002Fskills\u002F`。\n\n```bash\n# 以 ASCII 格式输出生成设计系统\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"beauty spa wellness\" --design-system -p \"Serenity Spa\"\n\n# 以 Markdown 格式输出生成设计系统\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"fintech banking\" --design-system -f markdown\n\n# 领域特定搜索\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"glassmorphism\" --domain style\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"elegant serif\" --domain typography\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"dashboard\" --domain chart\n\n# 堆栈特定指南\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"form validation\" --stack react\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"responsive layout\" --stack html-tailwind\n```\n\n### 持久化设计系统（主文件 + 重写模式）\n\n将您的设计系统保存到文件中，以便在不同会话之间进行**分层检索**：\n\n```bash\n# 生成并持久化到 design-system\u002FMASTER.md\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"SaaS dashboard\" --design-system --persist -p \"MyApp\"\n\n# 同时创建页面特定的重写文件\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py \"SaaS dashboard\" --design-system --persist -p \"MyApp\" --page \"dashboard\"\n```\n\n这将创建一个 `design-system\u002F` 文件夹结构：\n\n```\ndesign-system\u002F\n├── MASTER.md           # 全局真理来源（颜色、排版、间距、组件）\n└── pages\u002F\n    └── dashboard.md    # 页面特定的重写内容（仅包含与主文件不同的部分）\n```\n\n**分层检索的工作方式：**\n1. 当构建特定页面时（例如“结账”），首先检查 `design-system\u002Fpages\u002Fcheckout.md`\n2. 如果该页面文件存在，其规则将**覆盖**主文件中的规则。\n3. 如果不存在，则完全使用 `design-system\u002FMASTER.md` 中的规则。\n\n**上下文感知检索提示：**\n```\n我正在构建 [页面名称] 页面。请先阅读 design-system\u002FMASTER.md。\n同时检查 design-system\u002Fpages\u002F[页面名称].md 是否存在。\n如果页面文件存在，优先使用其规则。\n如果不存在，则完全使用主文件的规则。\n现在，请生成代码……\n```\n\n## 架构与贡献\n\n### 对于用户\n\n代码库已重构为使用**基于模板的生成系统**。所有平台特定的文件（`.cursor\u002F`、`.windsurf\u002F`、`.kiro\u002F`、`.factory\u002F` 等）现在都由 CLI 动态生成。\n\n**始终使用 CLI 进行安装：**\n\n```bash\nnpm install -g uipro-cli\nuipro init --ai \u003C平台>\n```\n\n这可确保您获得最新的模板以及适合您 AI 助手的正确文件结构。\n\n### 对于贡献者\n\n如果您想为该项目做出贡献：\n\n```bash\n# 1. 克隆仓库\ngit clone https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill.git\ncd ui-ux-pro-max-skill\n\n# 2. 了解结构\nsrc\u002Fui-ux-pro-max\u002F           # 真理来源（数据、脚本、模板）\ncli\u002F                         # CLI 安装程序（根据模板生成文件）\n.claude\u002F                     # Claude Code 技能的本地开发\u002F测试环境\n.factory\u002F                    # Droid (Factory) 技能的本地开发\u002F测试环境\n\n# 3. 在 src\u002Fui-ux-pro-max\u002F 中进行修改\n# - data\u002F*.csv              → 数据库文件\n\n# - scripts\u002F*.py            → 搜索引擎与设计系统\n# - templates\u002F              → 平台特定模板\n\n# 4. 同步到 CLI 并在本地测试\ncp -r src\u002Fui-ux-pro-max\u002Fdata\u002F* cli\u002Fassets\u002Fdata\u002F\ncp -r src\u002Fui-ux-pro-max\u002Fscripts\u002F* cli\u002Fassets\u002Fscripts\u002F\ncp -r src\u002Fui-ux-pro-max\u002Ftemplates\u002F* cli\u002Fassets\u002Ftemplates\u002F\n\n# 5. 构建并测试 CLI\ncd cli && bun run build\nnode dist\u002Findex.js init --ai claude --offline  # 在临时文件夹中测试\n\n# 6. 创建 Pull Request（切勿直接推送到 main 分支）\ngit checkout -b feat\u002Fyour-feature\ngit commit -m \"feat: 描述\"\ngit push -u origin feat\u002Fyour-feature\ngh pr create\n```\n\n详细开发指南请参阅 [CLAUDE.md](CLAUDE.md)。\n\n## 星标历史\n\n[![星标历史图表](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fnextlevelbuilder_ui-ux-pro-max-skill_readme_aa78ebd581fc.png)](https:\u002F\u002Fstar-history.com\u002F#nextlevelbuilder\u002Fui-ux-pro-max-skill&Date)\n\n## 许可证\n\n本项目采用 [MIT 许可证](LICENSE) 许可。","# UI UX Pro Max 快速上手指南\n\nUI UX Pro Max 是一款专为 AI 助手设计的高级技能库，旨在为多平台和框架提供专业级的 UI\u002FUX 设计智能。它内置了 161 条行业推理规则、67 种 UI 风格以及完整的配色与排版方案，能帮助 AI 瞬间生成量身定制的设计系统。\n\n## 环境准备\n\n在开始之前，请确保您的开发环境满足以下要求：\n\n*   **操作系统**：Windows, macOS 或 Linux\n*   **运行时环境**：\n    *   **Node.js**: 建议版本 18.x 或更高（用于运行 CLI 工具）\n    *   **Python**: 3.x 版本（部分底层逻辑依赖）\n*   **前置依赖**：\n    *   `npm` (随 Node.js 安装)\n    *   一个支持加载外部技能\u002F提示词的 AI 编辑器或终端环境（如 Cursor, VS Code + Copilot, 或直接通过 CLI 调用）\n\n> **国内加速建议**：\n> 如果访问 npm 官方源较慢，建议切换至国内镜像源（如淘宝镜像）：\n> ```bash\n> npm config set registry https:\u002F\u002Fregistry.npmmirror.com\n> ```\n\n## 安装步骤\n\n该工具主要通过 npm 包 `uipro-cli` 进行分发和调用。\n\n1.  **全局安装 CLI 工具**\n    在终端中执行以下命令：\n    ```bash\n    npm install -g uipro-cli\n    ```\n\n2.  **验证安装**\n    安装完成后，检查版本以确认安装成功：\n    ```bash\n    uipro --version\n    ```\n\n3.  **集成到 AI 工作流（可选）**\n    如果您使用的是支持自定义 Skill 的 AI 编辑器，请将本仓库克隆到本地，并在配置中指向 `ui-ux-pro-max-skill` 目录，以便 AI 直接读取其中的 161 条推理规则和样式定义。\n    ```bash\n    git clone https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill.git\n    ```\n\n## 基本使用\n\n安装完成后，您可以通过命令行或直接在 AI 对话中触发设计系统生成功能。\n\n### 方式一：通过 CLI 快速生成\n\n使用 `uipro` 命令并传入您的需求描述，工具将基于内置的推理引擎输出完整的设计系统方案。\n\n**示例：为一个美容水疗中心生成落地页设计方案**\n\n```bash\nuipro generate \"Build a landing page for my beauty spa\"\n```\n\n**预期输出内容：**\n系统将返回包含以下要素的结构化文本：\n*   **推荐模式 (Pattern)**: 例如 \"Hero-Centric + Social Proof\"\n*   **风格定义 (Style)**: 例如 \"Soft UI Evolution\" (柔和阴影、有机形状)\n*   **配色方案 (Colors)**: 具体的 Hex 色值（主色、辅助色、CTA 按钮色等）\n*   **字体搭配 (Typography)**: 推荐的 Google Fonts 组合\n*   **关键效果 (Key Effects)**: 动画时长、悬停状态建议\n*   **避坑指南 (Anti-patterns)**: 明确列出不应使用的元素（如：避免霓虹色、避免深色模式等）\n*   **交付前检查清单**: 无障碍访问、响应式断点等规范\n\n### 方式二：在 AI 对话中直接调用\n\n如果您已将此技能加载到 AI 上下文中，只需直接用自然语言描述需求，AI 会自动调用内部的 161 条行业规则进行推理。\n\n**用户输入示例：**\n> \"为我创建一个面向 B2B 金融科技公司的仪表盘设计规范，需要体现专业感和信任感。\"\n\n**AI 响应逻辑：**\n1.  **匹配行业规则**：自动定位到 \"Finance -> Fintech\u002FBanking\" 类别。\n2.  **应用风格优先级**：选择适合金融行业的 UI 风格（如 Glassmorphism 或 Minimalism）。\n3.  **过滤反模式**：自动排除不适合金融行业的元素（如过于花哨的渐变或游戏化风格）。\n4.  **输出结果**：生成包含具体颜色代码、字体组合、图表类型建议及无障碍标准的完整设计文档。\n\n---\n*注：本工具核心在于其内置的推理规则库，无需复杂的配置即可通过自然语言交互获得专业级设计建议。*","一家初创团队正急于为他们的“静修水疗中心”打造跨平台预订网站，需要在极短时间内确立专业且具情感共鸣的视觉风格。\n\n### 没有 ui-ux-pro-max-skill 时\n- 设计师在“现代简约”与“温馨治愈”的风格间反复纠结，耗时数天仍无法统一色彩与字体规范，导致品牌调性模糊。\n- 开发团队缺乏明确的设计系统指导，首页布局随意拼凑，关键转化按钮（CTA）位置不突出，用户流失率居高不下。\n- 不同成员对“信任感”的理解各异，有的堆砌图标，有的滥用图片，导致页面元素杂乱，难以建立用户信任。\n- 每次修改需求都需手动调整多个页面的样式，重复劳动繁重，且极易出现多端显示不一致的低级错误。\n\n### 使用 ui-ux-pro-max-skill 后\n- 工具基于\"161 条推理规则”瞬间分析项目需求，直接生成以“情感驱动 + 信任元素”为核心的完整设计系统，精准锁定“柔和 UI 进化”风格。\n- 自动规划出“英雄区聚焦 + 社会证明”的最佳转化路径，明确将预订按钮置于首屏及评价区后，显著提升用户点击意愿。\n- 智能推荐包含英雄区、服务展示、客户证言等在内的标准章节结构，确保内容逻辑清晰，天然具备高转化率基因。\n- 一键输出适配多端的标准化代码与样式库，团队成员可直接复用，彻底消除重复绘图工作，保证全平台体验高度一致。\n\nui-ux-pro-max-skill 将原本需要数周的设计决策与系统构建过程压缩至秒级，让团队能立即专注于业务逻辑而非视觉纠结。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fnextlevelbuilder_ui-ux-pro-max-skill_e31f3d6b.png","nextlevelbuilder","Next Level Builder","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fnextlevelbuilder_c6f2744b.png","From Zero to One Is Always the Hardest Part. We Can Take You There.",null,"hi@nextlevelbuilder.io","nlb_io","https:\u002F\u002Fnextlevelbuilder.io","https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder",[86,90,94,98],{"name":87,"color":88,"percentage":89},"Python","#3572A5",78.5,{"name":91,"color":92,"percentage":93},"JavaScript","#f1e05a",11.4,{"name":95,"color":96,"percentage":97},"TypeScript","#3178c6",6.6,{"name":99,"color":100,"percentage":101},"HTML","#e34c26",3.5,66941,6810,"2026-04-17T15:10:50","MIT","未说明",{"notes":108,"python":109,"dependencies":110},"该工具主要是一个基于规则的设计系统生成器（AI Skill），而非传统的深度学习模型。它通过 npm 包 'uipro-cli' 提供命令行接口，内部包含 161 条行业推理规则和 67 种 UI 样式逻辑。README 中未提及具体的 GPU、显存或大型模型文件下载需求，推测其运行主要依赖 CPU 进行逻辑推理，无需高性能显卡支持。","3.x",[111],"uipro-cli",[15],[114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132],"ai-skills","antigravity","claude","claude-code","command-line","copilot","cursor-ai","html5","kiro","landing-page","mobile-ui","react","tailwindcss","ui-design","uikit","windsurf-ai","codex","qoder","trae","2026-03-27T02:49:30.150509","2026-04-18T03:34:28.985022",[136,141,146,151,156,160],{"id":137,"question_zh":138,"answer_zh":139,"source_url":140},38820,"如何在 Trae 中手动配置并使用 UI-UX-Pro-Max？","目前可以通过以下步骤在 Trae 中手动配置：\n1. 将项目 Clone 到本地。\n2. 在 Trae 中创建一个名为 `UI-UX-Pro-Max` 的智能体，提示词从项目的 prompt 文件（如 ui-ux-pro-max.prompt.md）中拷贝。\n3. 修改智能体提示词中的终端命令，将相对路径（如 `.shared\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py`）改为本地的绝对路径，例如：`python3 ~\u002Fgithub\u002Fui-ux-pro-max-skill\u002F.shared\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py`。\n4. （可选）删除提示词中关于环境预检（Prerequisites）的部分，因为 Mac 用户通常已具备。\n5. 后续若官方 prompt 文件有更新，需同步更新智能体提示词；其他代码更新只需在本地拉取最新代码即可。","https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fissues\u002F26",{"id":142,"question_zh":143,"answer_zh":144,"source_url":145},38821,"为什么提示词中找不到 search.py 文件或报错无法打开该文件？","此问题在新版本中已解决。现在的 Skill 安装包会直接将 `search.py` 脚本和所有数据文件捆绑在一起，不再需要单独的 `.shared` 文件夹。\n解决方法是重新安装最新版本：\n```bash\nnpx uipro-cli@latest init --ai claude --force\n```\n执行后，脚本将自动部署到正确位置，无需手动查找或配置路径。","https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fissues\u002F60",{"id":147,"question_zh":148,"answer_zh":149,"source_url":150},38822,"Antigravity 的 Skills 和普通自定义 Prompt 有什么区别？","Skills 比自定义 Prompt 更结构化且功能更强大：\n1. **结构差异**：Skills 包含数据文件、脚本和上下文指令，而自定义 Prompt 仅仅是文本。\n2. **功能差异**：Skills 可以执行代码并引用外部数据，非常适合设计智能等复杂工作流；而普通 Prompt 仅能进行文本交互。\n安装 Antigravity Skill 可使用命令：`npx uipro-cli init --ai antigravity`。","https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fissues\u002F74",{"id":152,"question_zh":153,"answer_zh":154,"source_url":155},38823,"使用 Tailwind CSS 生成代码时出现大量关于类名写法过时或不规范的警告，如何解决？","这是因为部分 AI 模型混淆了 Tailwind v3 和 v4 的语法。建议遵循以下最佳实践来消除警告：\n1. 使用 `bg-linear-to-xx` 替代 `bg-gradient-to-xx`。\n2. 使用 `shrink-0` 替代 `flex-shrink-0`。\n3. 同时设置宽高时，使用 `size-xx` 替代 `h-xx w-xx`。\n4. 对于 SVG 元素，即使使用了 `size-xx`，也建议显式添加 `height` 和 `width` 属性，以防 CSS 加载前布局崩坏。\n5. 避免使用 `var(--color-xxx)` 的内联样式写法，直接使用 Tailwind 语义化类名（如 `text-primary` 替代 `text-[var(--color-primary)]`）。","https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fissues\u002F7",{"id":157,"question_zh":158,"answer_zh":159,"source_url":150},38824,"如何为 Antigravity 初始化安装 Skill？","可以通过以下 CLI 命令为 Antigravity 初始化安装 Skill：\n```bash\nnpx uipro-cli init --ai antigravity\n```\n注意：Antigravity 最近将其默认目录从 `.agent\u002Fskills\u002F` 更改为 `.agents\u002Fskills\u002F`（复数形式），CLI 映射将在下一个版本中更新以适配此变化。",{"id":161,"question_zh":162,"answer_zh":163,"source_url":164},38825,"项目是否支持 opencode.ai？","目前社区已有用户提出支持 opencode.ai 的需求，并询问是否会像 Claude Code 或 Cursor 一样添加集成。维护者已将该请求关联到相关讨论线程中，但截至当前数据，尚未发布原生的 opencode 支持命令。建议关注项目后续更新或通过 Issue #79 追踪进度。","https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fissues\u002F28",[166,171,176,181,186,191,196,201,206,211,216,221,226,231,235,240,245],{"id":167,"version":168,"summary_zh":169,"released_at":170},314748,"v2.5.0","## 新增内容\n\n### 新技能\n- **`banner-design`** - 为社交媒体、广告、网站首屏和印刷品设计横幅\n- **`slides`** - 使用 Chart.js 和设计令牌创建战略性 HTML 演示文稿\n- **`ui-styling`** - 使用 shadcn\u002Fui、Tailwind CSS 和基于画布的视觉设计来美化 UI\n- **`design-system`** - 设计系统中的令牌架构、组件规范和幻灯片生成\n- **`design`** - 品牌形象、标志生成（55 种风格）、CIP 模拟图\n- **`brand`** - 品牌声音、视觉识别、信息传递框架、资产管理工作\n\n### 数据扩展\n- **161 种产品类型**，附带推理规则\n- **161 组颜色方案**，按产品类型划分\n- **99 条 UX 指南**，包含基于优先级的建议\n- **1923 款 Google 字体** 的可搜索数据库\n- **25 种图表类型**，附带库推荐\n\n### 改进\n- 将 SKILL.md 中的所有中文文本翻译为英文\n- 同步 CLI 资源与权威来源\n- 更新了快速参考和技能内容模板\n\n**完整更新日志**: https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fcompare\u002Fv2.4.0...v2.5.0","2026-03-10T06:05:57",{"id":172,"version":173,"summary_zh":174,"released_at":175},314749,"v2.4.0","## 新增功能\n\n### 新技能\n- **`banner-design`** — 使用 AI 生成的视觉内容（Gemini）设计社交媒体横幅、广告、网站首屏图、创意素材及印刷品。每个横幅提供多种艺术指导方案。\n- **`slides`** — 利用 Chart.js、设计系统变量、响应式布局、文案撰写公式以及场景化的幻灯片策略，创建具有战略性的 HTML 演示文稿。适用于投资人路演、销售演示文稿、产品演示、季度业务回顾会议及大会演讲。\n\n### 数据扩展\n- **161 种产品类型**（较之前有所增加）—— 更广泛的行业覆盖，为设计提供建议\n- **161 组色彩方案**—— 与产品类型匹配，便于上下文相关的色彩选择\n- 增强了图表类型和图标库\n\n### 命令行工具与同步\n- 命令行工具资产已同步至最新源数据\n- `SKILL.md` 文件更新，新增技能功能与描述\n\n## 数据统计\n- 新增 **2** 项技能（`banner-design`、`slides`）\n- **161** 种产品类型及色彩方案\n- 命令行工具资产与源数据保持同步\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fcompare\u002Fv2.3.0...v2.4.0","2026-03-10T05:42:10",{"id":177,"version":178,"summary_zh":179,"released_at":180},314750,"v2.3.0","## 新功能\n\n### Google Fonts 资源库（1923 款字体）\n- 新增 `google-fonts` 搜索域，收录来自 Google Fonts API 的 **1923 款字体**\n- 每款字体包含：字体家族、类别、笔画风格、分类、样式、可变轴信息、语言子集、设计师、流行度排名以及 Google Fonts 官方链接\n- 根据字体的类别、字重数量、可变轴及语言支持情况，自动生成每款字体的可搜索关键词\n- 自动检测域名，将字体查询路由至正确的域（配对类查询路由至 `typography`，单个字体查询路由至 `google-fonts`）\n\n```bash\npython3 search.py \"等宽代码字体\" --domain google-fonts -n 5\npython3 search.py \"阿拉伯文 RTL\" --domain google-fonts -n 3\npython3 search.py \"流行的可变字体\" --domain google-fonts\npython3 search.py \"为越南语寻找字体\" -n 3  # 自动检测到 google-fonts 域\n```\n\n### 新技能\n- **`brand`** — 品牌声音、视觉识别、信息传达框架、资产管理和一致性保障\n- **`design`** — Logo 生成（55 种风格，基于 Gemini AI）、企业形象设计项目（50 项交付成果）、HTML 幻灯片制作、图标设计\n- **`design-system`** — 三层变量架构（基础 → 语义 → 组件）、组件规范文档、幻灯片生成\n- **`ui-styling`** — shadcn\u002Fui 组件库（Radix UI + Tailwind CSS）、基于画布的视觉设计、内置 Google Fonts 字体资源\n\n### 错误修复\n- 修复了 `detect_domain()` 子字符串匹配逻辑，改为使用单词边界（`re.search`），避免误判（例如，“toolbar” 不再匹配“bar”图表域名）\n\n## 数据统计\n- 已索引 **1923** 款 Google 字体\n- 新增 **4** 项技能\n- **14\u002F14** 个域名自动检测测试用例通过\n\n**完整更新日志**：https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fcompare\u002Fv2.2.1...v2.3.0","2026-03-10T05:16:59",{"id":182,"version":183,"summary_zh":184,"released_at":185},314751,"v2.2.1","## 变更内容\n\n### 文档\n- 更新了 README，新增 67 种样式表格（编号、样式、适用场景）\n- 简化了“使用方式”部分：技能模式与工作流模式\n- 更新了支持的组件库表格，包含全部 13 个组件库\n- 修正统计数量：57 组字体搭配、99 条用户体验指南\n\n### 修改\n- Windsurf 由工作流模式调整为技能模式\n- 移除了参考文件夹（这些文件现由 CLI 自动生成）\n- 更新了 CLAUDE.md 中的架构部分\n\n### CLI（v2.2.1）\n- 修复了 Windsurf 技能路径的显示消息\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fcompare\u002Fv2.2.0...v2.2.1","2026-01-26T01:53:08",{"id":187,"version":188,"summary_zh":189,"released_at":190},314752,"v2.2.0","## 🚀 新增内容\n\n### 唯一事实来源\n- 将规范数据和脚本移至 `src\u002Fui-ux-pro-max\u002F`\n- 删除了重复的文件夹（`.codex\u002F`、`.gemini\u002F`、`.trae\u002F`、`.codebuddy\u002F`、`.continue\u002F`、`skills\u002F`、`.qoder\u002F`）\n- CLI 现在使用模板系统，资源从约 34MB 减少到约 564KB\n\n### 强化样式数据库\n- **将 `prompts.csv` 合并到 `styles.csv`** 中，并新增 4 列：\n  - AI 提示关键词（可直接复制粘贴）\n  - CSS\u002F技术关键词（具体代码）\n  - 实现检查清单（可执行的任务）\n  - 设计系统变量（CSS 自定义属性）\n- 所有 **67 种样式** 现在都具备完整的提示数据\n\n### 新内容\n- **Astro 技术栈**：53 条关于 Islands 架构、内容集合、视图过渡的指南\n- **10 大 2025 年 UI 趋势**：反抛光风、触觉数字、自然提炼、交互式光标、语音优先、3D 产品预览、渐变网格、编辑型网格、色差效果、复古模拟风格\n\n### CLI 变更\n- 新的模板渲染系统（`template.ts`）\n- 版本号更新：2.1.3 → 2.2.0（已发布到 npm）\n\n## 📦 安装\u002F更新\n\n```bash\nnpx uipro-cli@latest init\n```\n\n## 📊 数据统计\n- 67 种 UI 样式（之前为 57 种）\n- 96 个颜色方案\n- 56 组字体搭配\n- 98 条 UX 指南\n- 25 种图表类型\n- **13 种技术栈**（新增 Astro）\n\n---\n🤖 由 [Claude Code](https:\u002F\u002Fclaude.com\u002Fclaude-code) 生成","2026-01-22T15:06:35",{"id":192,"version":193,"summary_zh":194,"released_at":195},314753,"v2.1.3","## 新增内容\n\n### ✨ 新功能\n- **Continue AI 支持** (#102)：新增对 Continue AI 助手的支持\n  - 新的 AI 类型：`continue`\n  - 安装命令：`uipro init --ai continue`\n\n### 🐛 修复的 bug\n- **Antigravity 工作流** (#108)：为工作流文件添加了描述 frontmatter\n\n---\n\n## 安装\n\n```bash\nnpm install -g uipro-cli\nuipro init --ai continue  # 或 claude、cursor、windsurf 等\n```\n\n## 支持的 AI 助手（共 14 种）\nClaude、Cursor、Windsurf、Copilot、Kiro、Codex、Qoder、Roo Code、Gemini、Trae、OpenCode、Continue、Antigravity\n\n**完整更新日志**：https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fcompare\u002Fv2.1.2...v2.1.3","2026-01-21T03:09:08",{"id":197,"version":198,"summary_zh":199,"released_at":200},314754,"v2.1.2","## 🐛 修复错误\n\n**已修复：** `design_system.py` 中的 Python 3.11 兼容性错误\n\n### 问题\n```\nSyntaxError: f-string 表达式部分不能包含反斜杠\n```\n\n此错误在运行 `--design-system` 标志时，于 Python 3.11 及更早版本中出现。\n\n### 解决方案\n将换行符提取到一个变量中，再用于 f-string：\n```python\n# 之前（仅适用于 Python 3.12+）\nlines.append(f\"- {anti_patterns.replace(' + ', '\\n- ')}\")\n\n# 之后（兼容 Python 3.11+）\nnewline_bullet = '\\n- '\nlines.append(f\"- {anti_patterns.replace(' + ', newline_bullet)}\")\n```\n\n### 兼容性\n| Python 版本 | 状态 |\n|---------------|--------|\n| 3.11 | ✅ 已修复 |\n| 3.12+ | ✅ 正常工作 |\n\n---\n\n## 安装\n\n```bash\nnpm install -g uipro-cli\nuipro init --ai claude\n```\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fcompare\u002Fv2.1.1...v2.1.2","2026-01-20T12:45:18",{"id":202,"version":203,"summary_zh":204,"released_at":205},314755,"v2.1.1","## 🐛 修复错误\n\n**已修复：** CLI 在线安装时会复制一个空的 `.claude\u002Fskills\u002F` 文件夹，这是因为 PR #94 将文件移动到了 `skills\u002F` 目录下，用于市场插件。\n\n### 问题描述\n当运行 `uipro init --ai claude`（不带 `--offline` 参数）时，CLI 会从 GitHub 发布页面下载并复制一个 **空的** `.claude\u002Fskills\u002Fui-ux-pro-max\u002F` 文件夹。\n\n### 修复内容\n现在同时维护两个目录：\n- `skills\u002Fui-ux-pro-max\u002F` → 用于 Claude Code 市场插件\n- `.claude\u002Fskills\u002Fui-ux-pro-max\u002F` → 用于 CLI 安装（在线模式）\n\n---\n\n## 安装方法\n\n### 通过 npm（推荐）\n```bash\nnpm install -g uipro-cli\nuipro init --ai claude\n```\n\n### 通过 pnpm\n```bash\npnpm add -g uipro-cli\nuipro init --ai claude\n```\n\n### 手动安装\n下载 `ui-ux-pro-max-skill-v2.1.1.zip` 并解压到您的项目根目录。\n\n---\n\n## v2.1.0 之后的提交记录\n\n| 提交哈希 | 描述 |\n|----------|------|\n| `f0caa7c` | 修复：恢复 CLI 在线安装中的 .claude\u002Fskills 目录 (#100) |\n| `d1b9c29` | 构建优化：将 CLI 版本升级至 2.1.1 |\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fcompare\u002Fv2.1.0...v2.1.1","2026-01-19T13:22:24",{"id":207,"version":208,"summary_zh":209,"released_at":210},314756,"v2.1.0","## 亮点\n\n🔧 **CLI 现在可动态读取版本号** - 再也不用担心硬编码的版本号不匹配了！  \n📱 **Jetpack Compose 支持** - Android 开发者们欢呼吧！  \n💾 **设计系统持久化** - 使用主样式 + 覆盖模式实现一致的设计  \n🔍 **Claude 代码技能发现** - 与 Claude 市场更好地集成\n\n---\n\n## 新增内容\n\n### 🔧 CLI 改进\n- **动态版本号** (#97)：CLI 现在从 `package.json` 中读取版本号，不再使用硬编码值\n- **OpenCode 支持** (#84)：新增适用于 OpenCode IDE 的 `opencode` AI 类型\n- **Claude 技能市场** (#87)：增加了对 Claude 市场的安装支持\n\n### ✨ 新特性  \n- **Jetpack Compose 支持** (#45)：新增用于 Android Jetpack Compose 开发的栈\n- **设计系统持久化** (#91)：采用主样式 + 覆盖模式管理设计系统\n- **智能页面覆盖** (#93)：支持针对特定页面的智能自定义\n- **Claude 代码技能发现** (#94)：重构插件以提升技能发现体验\n\n### 📝 文档更新\n- 在 README 中增强了设计系统示例，并提供了完整说明\n- 更新了 README 中的徽章，使其显示为动态的 GitHub 发布\u002F许可证徽章\n- 新增了捐赠板块\n\n---\n\n## 提交记录\n\n| 提交哈希 | 描述 |\n|----------|------|\n| `6678e96` | 修复(cli)：从 package.json 动态读取版本号 |\n| `fef14a0` | 修复：为 Claude 代码技能发现重构插件 |\n| `ee852c3` | 新增功能：智能页面覆盖 |\n| `f5978e0` | 新增功能：添加基于主样式 + 覆盖模式的设计系统持久化 |\n| `319a939` | 修复(cli)：支持 OpenCode AI 类型 |\n| `e7c27e6` | 新增功能：增加 Claude 技能市场的安装支持 |\n| `caaa535` | 新增功能：Jetpack Compose 支持 |\n| `0967edf` | 文档更新：增强 README 中的设计系统示例 |\n| `0fdfd33` | 文档更新：将 README 徽章更新为动态徽章 |\n\n---\n\n## 安装方法\n\n### 通过 npm（推荐）\n\\`\\`\\`bash\nnpm install -g uipro-cli\nuipro init --ai claude\n\\`\\`\\`\n\n### 通过 Claude 技能市场\n\\`\\`\\`bash\nclaude mcp add-skill ui-ux-pro-max --url https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\n\\`\\`\\`\n\n### 手动安装\n下载 `ui-ux-pro-max-skill-v2.1.0.zip` 并解压到项目根目录。\n\n---\n\n## 支持的 AI 助手\n\n| 助手 | 配置位置 |\n|-----------|-----------------|\n| Claude Code | `.claude\u002Fskills\u002F` |\n| Cursor | `.cursor\u002Fcommands\u002F` |\n| Windsurf | `.windsurf\u002Fworkflows\u002F` |\n| GitHub Copilot | `.github\u002Fprompts\u002F` |\n| Kiro | `.kiro\u002Fsteering\u002F` |\n| Codex | `.codex\u002Fskills\u002F` |\n| Qoder | `.qoder\u002Fskills\u002F` |\n| Roo Code | `.roo\u002Frules\u002F` |\n| Gemini | `.gemini\u002Fskills\u002F` |\n| Trae | `.trae\u002Fskills\u002F` |\n| OpenCode | `.opencode\u002Fskills\u002F` |\n\n---\n\n## 支持的技术栈\n\nHTML\u002FTailwind、React、Next.js、Vue、Nuxt.js、Nuxt UI、Svelte、ShadCN、Flutter、SwiftUI、React Native、**Jetpack Compose**（新增！）\n\n---\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fcompare\u002Fv2.0.0...v2.1.0","2026-01-18T16:26:37",{"id":212,"version":213,"summary_zh":214,"released_at":215},314757,"v2.0.0","## 🎯 设计系统生成器\n\n本次重大发布引入了基于 AI 的 **设计系统生成器**，它能够分析您的项目需求，并在几秒钟内生成一套完整的、量身定制的设计系统。\n\n### 新特性\n\n#### 设计系统生成\n```bash\npython3 search.py \"beauty spa wellness\" --design-system -p \"Serenity Spa\"\n```\n\n该生成器：\n- 并行搜索 5 个领域（产品、风格、颜色、着陆页、排版）\n- 应用 100 条行业特定的推理规则\n- 返回完整的设计系统：模式、风格、颜色、排版、效果\n- 包含需要避免的反模式\n\n#### 100 条行业特定的推理规则\n\n| 类别       | 示例                     |\n|------------|--------------------------|\n| **科技与 SaaS** | SaaS、微型 SaaS、B2B 企业、开发者工具、AI\u002F聊天机器人平台 |\n| **金融**   | 金融科技、银行、加密货币、保险、交易仪表盘 |\n| **医疗健康** | 医疗诊所、药房、牙科、兽医、心理健康 |\n| **电子商务** | 综合类、奢侈品、电商平台、订阅盒子 |\n| **服务行业** | 美容\u002FSPA、餐厅、酒店、法律、咨询 |\n| **创意行业** | 作品集、广告公司、摄影、游戏、音乐流媒体 |\n| **新兴科技** | Web3\u002FNFT、空间计算、量子计算、自主系统 |\n\n每条规则包括：\n- 推荐模式\n- 风格优先级\n- 色彩氛围\n- 排版氛围\n- 关键效果\n- 反模式（例如，银行业和医疗保健行业应避免“AI 紫色\u002F粉色渐变”）\n\n### 新文件\n- `data\u002Fui-reasoning.csv` - 100 条 UI 分类规则\n- `scripts\u002Fdesign_system.py` - 带有 BM25 排序的推理引擎\n\n### AI 助手支持\n- **新增**：Qoder（`.qoder\u002Fskills\u002F`）\n- **新增**：Roo Code（`.roo\u002Frules\u002F`）\n- 更新了所有现有工作流，加入设计系统生成步骤\n\n### CLI\n- 版本升级至 2.0.0\n- 安装命令：`npm install -g uipro-cli && uipro init --ai \u003Cassistant>`\n\n### 破坏性变更\n无。新的 `--design-system` 标志是可选的，且向后兼容。\n\n---\n\n**完整更新日志**：https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fcompare\u002Fv1.9.0...v2.0.0","2026-01-16T03:47:04",{"id":217,"version":218,"summary_zh":219,"released_at":220},314758,"v1.9.0","## What's New\n\n### CLI: Prioritize GitHub Release Download\n\nThe CLI now tries to download the latest release from GitHub first, ensuring you always get the most up-to-date version. If the download fails (network error, rate limit), it automatically falls back to bundled assets.\n\n### New Features\n- **GitHub Download Priority**: `uipro init` now downloads from GitHub releases first\n- **Automatic Fallback**: Falls back to bundled assets on network errors or rate limits\n- **`--offline` Flag**: Skip GitHub download and use bundled assets directly\n\n### Changes\n- Add `GitHubRateLimitError` and `GitHubDownloadError` for better error handling\n- Detect GitHub API rate limits (403 with remaining=0, 429)\n- Use GitHub auto-generated archive URL when no ZIP asset is uploaded\n\n### Usage\n```bash\n# Default: tries GitHub first, falls back to bundled\nuipro init --ai claude\n\n# Offline mode: uses bundled assets only\nuipro init --ai claude --offline\n```\n\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fcompare\u002Fv1.8.0...v1.9.0","2026-01-16T01:03:00",{"id":222,"version":223,"summary_zh":224,"released_at":225},314759,"v1.8.0","## What's New\n\n- Add support for Trae AI assistant (#69)\n\n## Installation\n\n```bash\nnpx uipro-cli\n```","2026-01-14T15:56:59",{"id":227,"version":228,"summary_zh":229,"released_at":230},314760,"v1.2.2","## What's Changed\r\n* feat: add support for Gemini CLI by @994AK in https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fpull\u002F55\r\n\r\n## New Contributors\r\n* @994AK made their first contribution in https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fpull\u002F55\r\n\r\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fcompare\u002Fv1.2.1...v1.2.2","2026-01-09T04:18:54",{"id":232,"version":233,"summary_zh":80,"released_at":234},314761,"v1.2.1","2026-01-08T12:36:58",{"id":236,"version":237,"summary_zh":238,"released_at":239},314762,"v1.2.0","## What's New\n\n- **GitHub Copilot support** - New AI assistant type\n  - Install: `uipro init --ai copilot`\n  - Usage: Type `\u002Fui-ux-pro-max` in VS Code Copilot chat\n\n## Installation\n\n```bash\nnpm install -g uipro-cli\nuipro init --ai copilot\n```\n\n## Full Changelog\nhttps:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u002Fcompare\u002Fv1.0.1...v1.2.0","2025-12-03T08:21:51",{"id":241,"version":242,"summary_zh":243,"released_at":244},314763,"v1.0.1","## Changes\n- Add Tailwind theme color variables guideline (#10)\n- Add git workflow rules to CLAUDE.md (#9)\n- Fix Windows compatibility for CLI (#8)\n- Add platform-specific usage instructions for slash commands\n\n## Installation\n```bash\nnpx uipro-cli init --ai claude\n```","2025-12-03T03:34:39",{"id":246,"version":247,"summary_zh":80,"released_at":248},314764,"v1.0.0","2025-12-02T12:11:28"]