[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-nextlevelbuilder-ui-styling-zh-CN":3,"guides-for-nextlevelbuilder-ui-styling":574,"similar-k173wmfq4mr062w6afv008vcth86neww-zh-CN":575},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":15,"identity":255,"isFallback":245,"parentExtension":261,"providers":262,"relations":268,"repo":271,"tags":570,"workflow":571},1778694853335.843,"k173wmfq4mr062w6afv008vcth86neww",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":13,"sourceUrl":14},"使用 shadcn/ui 组件（基于 Radix UI + Tailwind 构建）、Tailwind CSS 的原子化样式以及基于画布的视觉设计，创建美观、无障碍的用户界面。适用于构建用户界面、实施设计系统、创建响应式布局、添加无障碍组件（对话框、下拉菜单、表单、表格）、自定义主题和颜色、实现暗黑模式、生成视觉设计和海报，或跨应用程序建立一致的样式模式。",{"claudeCode":12},"nextlevelbuilder/ui-ux-pro-max-skill","UI UX Pro Max Skill","https://github.com/nextlevelbuilder/ui-ux-pro-max-skill",{"_creationTime":16,"_id":17,"extensionId":5,"locale":18,"result":19,"trustSignals":235,"workflow":253},1778694853335.8433,"kn79q6zskxz59qyxf4qycj33rn86nzvf","zh-CN",{"checks":20,"evaluatedAt":186,"extensionSummary":187,"features":188,"nonGoals":194,"practices":198,"prerequisites":208,"promptVersionExtension":212,"promptVersionScoring":213,"purpose":214,"rationale":215,"score":216,"summary":217,"tags":218,"tier":228,"useCases":229},[21,26,29,32,36,39,43,46,50,54,58,61,64,68,72,76,79,82,85,89,93,96,100,103,106,109,112,115,118,122,125,129,133,136,139,142,145,149,152,155,158,161,164,167,171,175,179,182],{"category":22,"check":23,"severity":24,"summary":25},"Practical Utility","Problem relevance","pass","描述清楚地说明了目的和用例，涵盖了构建 UI、实施设计系统和创建视觉设计。",{"category":22,"check":27,"severity":24,"summary":28},"Unique selling proposition","该技能提供了全面的 UI/UX 设计系统生成功能，通过提供行业特定的推理规则和定制化的设计系统输出，超越了基本的 LLM 功能。",{"category":22,"check":30,"severity":24,"summary":31},"Production readiness","该扩展涵盖了 UI 设计和实现的整个生命周期，从生成设计系统到为各种框架提供代码示例和样式指南。",{"category":33,"check":34,"severity":24,"summary":35},"Scope","Single responsibility principle","该技能专注于 UI/UX 设计和实现，涵盖组件库、样式和视觉设计系统，而不涉及不相关的领域。",{"category":33,"check":37,"severity":24,"summary":38},"Description quality","描述准确地反映了技能的能力，详细说明了 shadcn/ui、Tailwind CSS 和画布设计的用法，以及具体的用例。",{"category":40,"check":41,"severity":24,"summary":42},"Invocation","Precise Purpose","描述清楚地定义了该技能用于使用 shadcn/ui 和 Tailwind CSS 创建 UI 的目的，并列出了具体的用例和非目标。",{"category":40,"check":44,"severity":24,"summary":45},"Concise Frontmatter","Frontmatter 简洁、独立，并有效地总结了核心功能和触发器。",{"category":47,"check":48,"severity":24,"summary":49},"Documentation","Concise Body","SKILL.md 正文结构良好，包含引用和示例，保持核心指令简洁。",{"category":51,"check":52,"severity":24,"summary":53},"Context","Progressive Disclosure","SKILL.md 正确链接到单独的参考文件，以获取有关组件、主题和实用程序的详细信息，遵循渐进披露原则。",{"category":51,"check":55,"severity":56,"summary":57},"Forked exploration","not_applicable","该技能不涉及需要 `context: fork` 的深度探索或代码审查。",{"category":22,"check":59,"severity":24,"summary":60},"Usage examples","该技能包含大量现成的代码示例，涵盖各种组件、布局和主题，展示了声明的输出。",{"category":22,"check":62,"severity":24,"summary":63},"Edge cases","文档解决了自定义、暗黑模式和无障碍模式，隐式处理了常见的 UI 开发注意事项。",{"category":65,"check":66,"severity":56,"summary":67},"Code Execution","Tool Fallback","该技能使用 Claude 内部工具，不依赖具有回退功能的外部 MCP。",{"category":69,"check":70,"severity":24,"summary":71},"Portability","Stack assumptions","该技能明确提到了支持的堆栈，如 React、Next.js 等，并提供了特定于框架的指南。",{"category":73,"check":74,"severity":56,"summary":75},"Safety","Halt on unexpected state","该技能似乎不执行需要根据意外预状态明确停止的破坏性操作。",{"category":69,"check":77,"severity":24,"summary":78},"Cross-skill coupling","该技能是独立的，专注于 UI 样式，没有隐含地依赖其他技能。",{"category":33,"check":80,"severity":56,"summary":81},"Tool naming","这是一个技能，而不是 CLI 或基于工具的扩展，因此工具命名检查不适用。",{"category":33,"check":83,"severity":56,"summary":84},"Minimal I/O surface","作为一个基于提示的技能，I/O 表面由 LLM 接口管理，而不是显式的工具模式。",{"category":86,"check":87,"severity":24,"summary":88},"License","License usability","该扩展根据 MIT 许可证授权，该许可证是宽松且广泛可用的。",{"category":90,"check":91,"severity":24,"summary":92},"Maintenance","Commit recency","最后一次提交是在 2026 年 4 月 3 日，这是近期的。",{"category":90,"check":94,"severity":24,"summary":95},"Dependency Management","该项目使用 npm 管理依赖项，`requirements.txt` 列出了测试依赖项，这表明了一种结构化方法。",{"category":97,"check":98,"severity":56,"summary":99},"Security","Secret Management","该扩展似乎不处理或需要秘密。",{"category":97,"check":101,"severity":24,"summary":102},"Injection","该技能的代码和文档未显示将不受信任的数据作为指令执行或获取并遵循远程内容的迹象。",{"category":97,"check":104,"severity":24,"summary":105},"Transitive Supply-Chain Grenades","该扩展在运行时似乎不获取外部代码或数据，并依赖于已提交的资产。",{"category":97,"check":107,"severity":24,"summary":108},"Sandbox Isolation","该技能在项目结构内运行，并且似乎不修改其指定范围之外的文件。",{"category":97,"check":110,"severity":24,"summary":111},"Sandbox escape primitives","没有分离进程或拒绝重试循环的证据，这些可能表明了沙箱逃逸原语。",{"category":97,"check":113,"severity":24,"summary":114},"Data Exfiltration","没有提交机密数据的指令或未记录的出站调用的证据。",{"category":97,"check":116,"severity":24,"summary":117},"Hidden Text Tricks","捆绑的内容和描述似乎没有隐藏的操纵技巧。",{"category":119,"check":120,"severity":24,"summary":121},"Hooks","Opaque code execution","捆绑的脚本似乎是纯粹、可读的源代码，没有混淆。",{"category":69,"check":123,"severity":24,"summary":124},"Structural Assumption","该技能假设了标准的项目结构，并提供了清晰的设置说明。",{"category":126,"check":127,"severity":24,"summary":128},"Trust","Issues Attention","在 90 天内打开了 49 个问题，关闭了 13 个问题，关闭率足够，考虑到项目的受欢迎程度，打开问题的数量是合理的。",{"category":130,"check":131,"severity":24,"summary":132},"Versioning","Release Management","该技能在 frontmatter 中声明了版本（1.0.0），并且提交日期较近。",{"category":65,"check":134,"severity":24,"summary":135},"Validation","虽然在技能描述中没有直接看到显式的模式验证库，但使用 `npx shadcn@latest` 暗示底层工具处理验证。",{"category":97,"check":137,"severity":24,"summary":138},"Unguarded Destructive Operations","该技能主要处理代码生成和配置，其安装过程由标准包管理器管理，不涉及未经保护的破坏性操作。",{"category":65,"check":140,"severity":24,"summary":141},"Error Handling","用于生成配置的 Python 脚本包含对子进程调用和文件操作的错误处理，并带有信息性消息。",{"category":65,"check":143,"severity":56,"summary":144},"Logging","该技能本身不执行破坏性操作或出站调用，这些操作需要本地审计日志记录。",{"category":146,"check":147,"severity":56,"summary":148},"Compliance","GDPR","该技能在项目结构和代码生成方面运行，不涉及个人数据。",{"category":146,"check":150,"severity":24,"summary":151},"Target market","目标市场是全球性的，专注于使用常见框架进行 Web 开发，没有地区限制。",{"category":69,"check":153,"severity":24,"summary":154},"Runtime stability","该技能的安装和运行依赖于 Node.js、npm 和 Python 等标准工具，这些工具广泛可用且有文档记录。",{"category":47,"check":156,"severity":24,"summary":157},"README","包含一个全面的 README 文件，清楚地概述了项目的目的、功能、安装和用法。",{"category":33,"check":159,"severity":56,"summary":160},"Tool surface size","这是一个技能，而不是工具集合，因此工具表面大小检查不适用。",{"category":40,"check":162,"severity":56,"summary":163},"Overlapping near-synonym tools","作为一个技能，它不公开具有重叠近义词的多个工具。",{"category":47,"check":165,"severity":24,"summary":166},"Phantom features","所有宣传的功能，如设计系统生成、组件库集成和样式指南，都得到了包含的文档和示例的支持。",{"category":168,"check":169,"severity":24,"summary":170},"Install","Installation instruction","为 Claude Marketplace 和 CLI 提供了详细的安装说明，包括先决条件和设置步骤。",{"category":172,"check":173,"severity":24,"summary":174},"Errors","Actionable error messages","Python 脚本和 CLI 命令为常见问题（如缺少配置或子进程失败）提供了可操作的错误消息。",{"category":176,"check":177,"severity":24,"summary":178},"Execution","Pinned dependencies","`requirements.txt` 列出了测试依赖项的特定版本，并且依赖 Node.js 暗示了运行时依赖项的标准包管理。",{"category":33,"check":180,"severity":24,"summary":181},"Dry-run preview","`shadcn_add.py` 脚本和 CLI 提供了 `--dry-run` 选项，用于在不执行的情况下预览操作。",{"category":183,"check":184,"severity":56,"summary":185},"Protocol","Idempotent retry & timeouts","该技能本身不涉及需要幂等性或超时设置的远程调用或状态更改操作。",1778694750854,"该技能提供了使用 shadcn/ui 组件和 Tailwind CSS 创建 UI 的全面功能，包括设计系统生成、样式设置和特定于框架的指南。",[189,190,191,192,193],"生成行业特定的设计系统","支持 67 种 UI 样式和 161 种调色板","为 15 种技术栈提供特定堆栈的指南","包含详细的组件示例和自定义选项","提供 99 条 UX 指南和最佳实践",[195,196,197],"提供后端逻辑或数据管理","替换全栈开发工具","提供 UI 组件之外的平面设计服务",[199,200,201,202,203,204,205,206,207],"组件组合","原子化样式","移动优先响应式设计","无障碍优先","设计令牌","暗黑模式一致性","TypeScript","视觉层次","精湛的工艺",[209,210,211],"Python 3.x","Node.js 18+","npm","3.0.0","4.4.0","使开发人员能够通过利用 shadcn/ui 和 Tailwind CSS 等行业标准工具，高效地构建美观、无障碍且一致的用户界面。","该扩展功能全面、文档齐全且已投入生产，可有效涵盖 UI 设计和实现。所有检查均高质量通过。",98,"一个强大的技能，用于使用 shadcn/ui 和 Tailwind CSS 生成和实现 UI。",[219,220,221,222,223,224,225,226,227],"ui","ux","design-system","shadcn-ui","tailwind-css","react","next-js","prototyping","development","verified",[230,231,232,233,234],"使用基于 React 的框架构建 UI","实施无障碍组件","使用原子化样式 CSS 进行样式设置","创建响应式、移动优先的布局","生成视觉设计和海报",{"codeQuality":236,"collectedAt":238,"documentation":239,"maintenance":242,"security":250,"testCoverage":252},{"hasLockfile":237},true,1778694738036,{"descriptionLength":240,"readmeSize":241},489,24955,{"closedIssues90d":243,"forks":244,"hasChangelog":245,"manifestVersion":246,"openIssues90d":247,"pushedAt":248,"stars":249},13,8009,false,"1.0.0",49,1775192899000,77970,{"hasNpmPackage":245,"license":251,"smitheryVerified":245},"MIT",{"hasCi":237,"hasTests":237},{"updatedAt":254},1778694853335,{"basePath":256,"githubOwner":257,"githubRepo":258,"locale":18,"slug":259,"type":260},".claude/skills/ui-styling","nextlevelbuilder","ui-ux-pro-max-skill","ui-styling","skill",null,{"evaluate":263,"extract":266},{"promptVersionExtension":212,"promptVersionScoring":213,"score":216,"tags":264,"targetMarket":265,"tier":228},[219,220,221,222,223,224,225,226,227],"global",{"commitSha":267,"license":251},"HEAD",{"repoId":269,"translatedFrom":270},"kd7evk44jjfvd9pg5zj083caen86mrj4","k17fe456jz05zann37va2mzm4h86mza0",{"_creationTime":272,"_id":269,"identity":273,"providers":274,"workflow":566},1778694625415.5083,{"githubOwner":257,"githubRepo":258,"sourceUrl":14},{"classify":275,"discover":541,"github":544},{"commitSha":267,"extensions":276},[277,294,305,317,358,417,458,476,514,521],{"basePath":278,"description":279,"displayName":258,"installMethods":280,"rationale":281,"selectedPaths":282,"source":291,"sourceLanguage":292,"type":293},"","UI/UX design intelligence skill with 67 styles, 96 palettes, 57 font pairings, 25 charts, and 13 stack guidelines",{"claudeCode":12},"marketplace.json at .claude-plugin/marketplace.json",[283,286,288],{"path":284,"priority":285},".claude-plugin/marketplace.json","mandatory",{"path":287,"priority":285},"README.md",{"path":289,"priority":290},"LICENSE","high","rule","en","marketplace",{"basePath":278,"description":295,"displayName":296,"installMethods":297,"license":251,"rationale":298,"selectedPaths":299,"source":291,"sourceLanguage":292,"type":304},"UI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 15 stacks (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Nuxt, Jetpack Compose). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.","ui-ux-pro-max",{"claudeCode":296},"plugin manifest at .claude-plugin/plugin.json",[300,302,303],{"path":301,"priority":285},".claude-plugin/plugin.json",{"path":287,"priority":285},{"path":289,"priority":290},"plugin",{"basePath":306,"description":307,"displayName":308,"installMethods":309,"rationale":310,"selectedPaths":311,"source":291,"sourceLanguage":292,"type":260},".claude/skills/banner-design","Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated 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. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.","banner-design",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/banner-design/SKILL.md",[312,314],{"path":313,"priority":285},"SKILL.md",{"path":315,"priority":316},"references/banner-sizes-and-styles.md","medium",{"basePath":318,"description":319,"displayName":320,"installMethods":321,"rationale":322,"selectedPaths":323,"source":291,"sourceLanguage":292,"type":260},".claude/skills/brand","Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.","brand",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/brand/SKILL.md",[324,325,327,329,331,333,335,337,339,341,343,345,347,350,352,354,356],{"path":313,"priority":285},{"path":326,"priority":316},"references/approval-checklist.md",{"path":328,"priority":316},"references/asset-organization.md",{"path":330,"priority":316},"references/brand-guideline-template.md",{"path":332,"priority":316},"references/color-palette-management.md",{"path":334,"priority":316},"references/consistency-checklist.md",{"path":336,"priority":316},"references/logo-usage-rules.md",{"path":338,"priority":316},"references/messaging-framework.md",{"path":340,"priority":316},"references/typography-specifications.md",{"path":342,"priority":316},"references/update.md",{"path":344,"priority":316},"references/visual-identity.md",{"path":346,"priority":316},"references/voice-framework.md",{"path":348,"priority":349},"scripts/extract-colors.cjs","low",{"path":351,"priority":349},"scripts/inject-brand-context.cjs",{"path":353,"priority":349},"scripts/sync-brand-to-tokens.cjs",{"path":355,"priority":349},"scripts/validate-asset.cjs",{"path":357,"priority":349},"templates/brand-guidelines-starter.md",{"basePath":359,"description":360,"displayName":361,"installMethods":362,"rationale":363,"selectedPaths":364,"source":291,"sourceLanguage":292,"type":260},".claude/skills/design","Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini 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",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/design/SKILL.md",[365,366,367,369,371,373,375,377,379,381,383,385,387,389,391,393,395,397,399,401,403,405,407,409,411,413,415],{"path":313,"priority":285},{"path":315,"priority":316},{"path":368,"priority":316},"references/cip-deliverable-guide.md",{"path":370,"priority":316},"references/cip-design.md",{"path":372,"priority":316},"references/cip-prompt-engineering.md",{"path":374,"priority":316},"references/cip-style-guide.md",{"path":376,"priority":316},"references/design-routing.md",{"path":378,"priority":316},"references/icon-design.md",{"path":380,"priority":316},"references/logo-color-psychology.md",{"path":382,"priority":316},"references/logo-design.md",{"path":384,"priority":316},"references/logo-prompt-engineering.md",{"path":386,"priority":316},"references/logo-style-guide.md",{"path":388,"priority":316},"references/slides-copywriting-formulas.md",{"path":390,"priority":316},"references/slides-create.md",{"path":392,"priority":316},"references/slides-html-template.md",{"path":394,"priority":316},"references/slides-layout-patterns.md",{"path":396,"priority":316},"references/slides-strategies.md",{"path":398,"priority":316},"references/slides.md",{"path":400,"priority":316},"references/social-photos-design.md",{"path":402,"priority":349},"scripts/cip/core.py",{"path":404,"priority":349},"scripts/cip/generate.py",{"path":406,"priority":349},"scripts/cip/render-html.py",{"path":408,"priority":349},"scripts/cip/search.py",{"path":410,"priority":349},"scripts/icon/generate.py",{"path":412,"priority":349},"scripts/logo/core.py",{"path":414,"priority":349},"scripts/logo/generate.py",{"path":416,"priority":349},"scripts/logo/search.py",{"basePath":418,"description":419,"displayName":221,"installMethods":420,"rationale":421,"selectedPaths":422,"source":291,"sourceLanguage":292,"type":260},".claude/skills/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.",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/design-system/SKILL.md",[423,424,426,428,430,432,434,436,438,440,442,444,446,448,450,452,454,456],{"path":313,"priority":285},{"path":425,"priority":316},"references/component-specs.md",{"path":427,"priority":316},"references/component-tokens.md",{"path":429,"priority":316},"references/primitive-tokens.md",{"path":431,"priority":316},"references/semantic-tokens.md",{"path":433,"priority":316},"references/states-and-variants.md",{"path":435,"priority":316},"references/tailwind-integration.md",{"path":437,"priority":316},"references/token-architecture.md",{"path":439,"priority":349},"scripts/embed-tokens.cjs",{"path":441,"priority":349},"scripts/fetch-background.py",{"path":443,"priority":349},"scripts/generate-slide.py",{"path":445,"priority":349},"scripts/generate-tokens.cjs",{"path":447,"priority":349},"scripts/html-token-validator.py",{"path":449,"priority":349},"scripts/search-slides.py",{"path":451,"priority":349},"scripts/slide-token-validator.py",{"path":453,"priority":349},"scripts/slide_search_core.py",{"path":455,"priority":349},"scripts/validate-tokens.cjs",{"path":457,"priority":349},"templates/design-tokens-starter.json",{"basePath":459,"description":460,"displayName":461,"installMethods":462,"rationale":463,"selectedPaths":464,"source":291,"sourceLanguage":292,"type":260},".claude/skills/slides","Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.","slides",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/slides/SKILL.md",[465,466,468,470,472,474],{"path":313,"priority":285},{"path":467,"priority":316},"references/copywriting-formulas.md",{"path":469,"priority":316},"references/create.md",{"path":471,"priority":316},"references/html-template.md",{"path":473,"priority":316},"references/layout-patterns.md",{"path":475,"priority":316},"references/slide-strategies.md",{"basePath":256,"description":477,"displayName":259,"installMethods":478,"rationale":479,"selectedPaths":480,"source":291,"sourceLanguage":292,"type":260},"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.",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/ui-styling/SKILL.md",[481,482,484,486,488,490,492,494,496,498,500,502,504,506,508,510,512],{"path":313,"priority":285},{"path":483,"priority":290},"LICENSE.txt",{"path":485,"priority":316},"references/canvas-design-system.md",{"path":487,"priority":316},"references/shadcn-accessibility.md",{"path":489,"priority":316},"references/shadcn-components.md",{"path":491,"priority":316},"references/shadcn-theming.md",{"path":493,"priority":316},"references/tailwind-customization.md",{"path":495,"priority":316},"references/tailwind-responsive.md",{"path":497,"priority":316},"references/tailwind-utilities.md",{"path":499,"priority":349},"scripts/.coverage",{"path":501,"priority":349},"scripts/requirements.txt",{"path":503,"priority":349},"scripts/shadcn_add.py",{"path":505,"priority":349},"scripts/tailwind_config_gen.py",{"path":507,"priority":349},"scripts/tests/coverage-ui.json",{"path":509,"priority":349},"scripts/tests/requirements.txt",{"path":511,"priority":349},"scripts/tests/test_shadcn_add.py",{"path":513,"priority":349},"scripts/tests/test_tailwind_config_gen.py",{"basePath":515,"description":516,"displayName":296,"installMethods":517,"rationale":518,"selectedPaths":519,"source":291,"sourceLanguage":292,"type":260},".claude/skills/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.",{"claudeCode":12},"SKILL.md frontmatter at .claude/skills/ui-ux-pro-max/SKILL.md",[520],{"path":313,"priority":285},{"basePath":522,"description":523,"displayName":524,"installMethods":525,"license":251,"rationale":526,"selectedPaths":527,"source":291,"sourceLanguage":292,"type":522},"cli","CLI to install UI/UX Pro Max skill for AI coding assistants","uipro-cli",{"npm":524},"cli ecosystem detected at cli",[528,530,531,533,535,537,539],{"path":529,"priority":285},"package.json",{"path":287,"priority":285},{"path":532,"priority":349},"src/index.ts",{"path":534,"priority":349},"src/commands/init.ts",{"path":536,"priority":349},"src/commands/uninstall.ts",{"path":538,"priority":349},"src/commands/update.ts",{"path":540,"priority":349},"src/commands/versions.ts",{"sources":542},[543],"manual",{"closedIssues90d":243,"description":545,"forks":244,"homepage":546,"license":251,"openIssues90d":247,"pushedAt":248,"readmeSize":241,"stars":249,"topics":547},"An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms","https://www.uupm.cc/",[548,549,550,551,552,553,554,555,556,557,558,224,559,560,561,562,563,564,565],"ai-skills","antigravity","claude","claude-code","command-line","copilot","cursor-ai","html5","kiro","landing-page","mobile-ui","tailwindcss","ui-design","uikit","windsurf-ai","codex","qoder","trae",{"classifiedAt":567,"discoverAt":568,"extractAt":569,"githubAt":569,"updatedAt":567},1778694630991,1778694625415,1778694629081,[221,227,225,226,224,222,223,219,220],{"evaluatedAt":572,"extractAt":573,"updatedAt":254},1778694751212,1778694631425,[],[576,604,630,655,686,713],{"_creationTime":577,"_id":578,"community":579,"display":580,"identity":586,"providers":591,"relations":598,"tags":600,"workflow":601},1778683190010.2769,"k173mm0mrmw88ybjm7f9rjqry986nya3",{"reviewCount":8},{"description":581,"installMethods":582,"name":584,"sourceUrl":585},"shadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership",{"claudeCode":583},"bobmatnyc/claude-mpm-skills","shadcn/ui Component Library","https://github.com/bobmatnyc/claude-mpm-skills",{"basePath":587,"githubOwner":588,"githubRepo":589,"locale":292,"slug":590,"type":260},"toolchains/ui/components/shadcn","bobmatnyc","claude-mpm-skills","shadcn",{"evaluate":592,"extract":597},{"promptVersionExtension":212,"promptVersionScoring":213,"score":593,"tags":594,"targetMarket":265,"tier":228},99,[224,222,223,595,596],"component-library","frontend",{"commitSha":267,"license":251},{"repoId":599},"kd72g55e5qeqs90bk1bvkt8wbx86nkn3",[595,596,224,222,223],{"evaluatedAt":602,"extractAt":603,"updatedAt":602},1778685551932,1778683190010,{"_creationTime":605,"_id":606,"community":607,"display":608,"identity":613,"providers":617,"relations":622,"tags":625,"workflow":626},1778688232786.36,"k175b6bp9df4f9gc04n07w4hah86nafz",{"reviewCount":8},{"description":609,"installMethods":610,"name":222,"sourceUrl":612},"为集成和构建 shadcn/ui 组件应用程序提供专家指导，包括组件发现、安装、自定义和最佳实践。",{"claudeCode":611},"google-labs-code/stitch-skills","https://github.com/google-labs-code/stitch-skills",{"basePath":614,"githubOwner":615,"githubRepo":616,"locale":18,"slug":222,"type":260},"skills/shadcn-ui","google-labs-code","stitch-skills",{"evaluate":618,"extract":621},{"promptVersionExtension":212,"promptVersionScoring":213,"score":216,"tags":619,"targetMarket":265,"tier":228},[222,224,225,596,595,620,223],"typescript",{"commitSha":267},{"repoId":623,"translatedFrom":624},"kd70b4dy5ef0zhthv37qnph3fn86n0np","k17458kfcg8mpaddhq8mnj7c4986m1ss",[595,596,225,224,222,223,620],{"evaluatedAt":627,"extractAt":628,"updatedAt":629},1778688097638,1778687960592,1778688232786,{"_creationTime":631,"_id":632,"community":633,"display":634,"identity":640,"providers":643,"relations":649,"tags":651,"workflow":652},1778683070339.0835,"k178d4q7krtw2jwrmmbgv8vm1h86m0p5",{"reviewCount":8},{"description":635,"installMethods":636,"name":638,"sourceUrl":639},"Style UIs with shadcn/ui components (Radix UI + Tailwind CSS). Use for accessible components, themes, dark mode, responsive layouts, design systems, color customization.",{"claudeCode":637},"binjuhor/shadcn-lar","UI Styling Skill","https://github.com/binjuhor/shadcn-lar",{"basePath":256,"githubOwner":641,"githubRepo":642,"locale":292,"slug":259,"type":260},"binjuhor","shadcn-lar",{"evaluate":644,"extract":648},{"promptVersionExtension":212,"promptVersionScoring":213,"score":645,"tags":646,"targetMarket":265,"tier":228},95,[219,222,223,224,225,221,647],"components",{"commitSha":267,"license":251},{"repoId":650},"kd7b04jshnqyx91sq3jrqtm56s86mmmq",[647,221,225,224,222,223,219],{"evaluatedAt":653,"extractAt":654,"updatedAt":653},1778683613425,1778683070339,{"_creationTime":656,"_id":657,"community":658,"display":659,"identity":665,"providers":669,"relations":677,"tags":681,"workflow":682},1778687164791.1145,"k174yn6rgknww1jdj6g99wbrh986mrxa",{"reviewCount":8},{"description":660,"installMethods":661,"name":663,"sourceUrl":664},"从代码库在 Figma 中构建或更新专业级设计系统。当用户想要创建变量/令牌、构建组件库、设置主题（浅色/深色模式）、记录基础或协调代码和 Figma 之间的差距时使用。此技能教授要构建什么以及按什么顺序 — 它补充了教授如何调用插件 API 的 `figma-use` 技能。两个技能应一起加载。",{"claudeCode":662},"figma/mcp-server-guide","figma-generate-library","https://github.com/figma/mcp-server-guide",{"basePath":666,"githubOwner":667,"githubRepo":668,"locale":18,"slug":663,"type":260},"skills/figma-generate-library","figma","mcp-server-guide",{"evaluate":670,"extract":676},{"promptVersionExtension":212,"promptVersionScoring":213,"score":671,"tags":672,"targetMarket":265,"tier":228},100,[667,221,673,647,674,220,675],"tokens","automation","figma-plugin",{"commitSha":267},{"parentExtensionId":678,"repoId":679,"translatedFrom":680},"k17fwrw2bg5z2mpmdtdsybp8t986mwe7","kd7d0zdmxx32hmcpg7qqv27da586m6xa","k175ecr7vr38vc0976trem43sd86mvk7",[674,647,221,667,675,673,220],{"evaluatedAt":683,"extractAt":684,"updatedAt":685},1778687010196,1778686847756,1778687164791,{"_creationTime":687,"_id":688,"community":689,"display":690,"identity":696,"providers":700,"relations":706,"tags":709,"workflow":710},1778668208695.1445,"k172151wzg7h0b8j25hjm4024x86ngbp",{"reviewCount":8},{"description":691,"installMethods":692,"name":694,"sourceUrl":695},"Prioritized redesign action plan covering quick wins, medium effort, major rework",{"claudeCode":693},"Aboudjem/ui-ux-suite","refactor-plan","https://github.com/Aboudjem/ui-ux-suite",{"basePath":697,"githubOwner":698,"githubRepo":699,"locale":292,"slug":694,"type":260},"skills/refactor-plan","Aboudjem","ui-ux-suite",{"evaluate":701,"extract":705},{"promptVersionExtension":212,"promptVersionScoring":213,"score":671,"tags":702,"targetMarket":265,"tier":228},[221,220,703,522,704],"audit","javascript",{"commitSha":267,"license":251},{"parentExtensionId":707,"repoId":708},"k178zeec8jajqdrczrynw6x3fx86mm8h","kd75532596tdmk72j9k55b0qqn86n5et",[703,522,221,704,220],{"evaluatedAt":711,"extractAt":712,"updatedAt":711},1778670100990,1778668208695,{"_creationTime":714,"_id":715,"community":716,"display":717,"identity":723,"providers":727,"relations":736,"tags":739,"workflow":740},1778690960658.2449,"k1797348s123v5gawfhh8z1qx986n9xm",{"reviewCount":8},{"description":718,"installMethods":719,"name":721,"sourceUrl":722},"在 Tailwind CSS 项目中验证动画持续时间，强制执行排版比例，检查组件可访问性，并防止布局反模式。适用于构建 UI 组件、审查 CSS 工具类、 styling React 视图或强制执行设计一致性。",{"claudeCode":720},"ibelick/ui-skills","baseline-ui","https://github.com/ibelick/ui-skills",{"basePath":724,"githubOwner":725,"githubRepo":726,"locale":18,"slug":721,"type":260},"skills/baseline-ui","ibelick","ui-skills",{"evaluate":728,"extract":735},{"promptVersionExtension":212,"promptVersionScoring":213,"score":671,"tags":729,"targetMarket":265,"tier":228},[730,731,219,227,732,733,734],"tailwind","css","accessibility","animation","linting",{"commitSha":267},{"repoId":737,"translatedFrom":738},"kd71ksb69rw62v9tywwpzjky0986mzmb","k17evpm7da6we8kaszydc65rg586manm",[732,733,731,227,734,730,219],{"evaluatedAt":741,"extractAt":742,"updatedAt":743},1778690881357,1778690863881,1778690960658]