设计与 UI
界面设计、视觉系统和产品 UI
Skills 列表
manim-video
为技术概念、图表、系统示意图和产品演示构建可复用的 Manim 讲解视频，并在需要时交接给更广泛的 ECC 视频栈。当用户希望获得清晰的动画讲解而非通用的口播脚本时使用。
affaan-mhealthcare-emr-patterns
用于医疗应用的EMR/EHR开发模式。临床安全、就诊工作流程、处方生成、临床决策支持集成以及面向无障碍的医疗数据录入UI。
affaan-mcompose-multiplatform-patterns
Compose Multiplatform 和 Jetpack Compose 在 KMP 项目中的模式——状态管理、导航、主题、性能及平台特定 UI。
affaan-mswift-concurrency-6-2
Swift 6.2 平易近人的并发模型——默认单线程执行，使用 @concurrent 显式后台卸载，为主 actor 类型提供隔离协议遵循。
affaan-mswiftui-patterns
SwiftUI 架构模式、使用 @Observable 进行状态管理、视图组合、导航、性能优化以及现代 iOS/macOS UI 最佳实践。
affaan-mandroid-clean-architecture
适用于 Android 和 Kotlin Multiplatform 项目的整洁架构模式——模块结构、依赖规则、UseCase、Repository 和数据层模式。
affaan-mliquid-glass-design
iOS 26 液态玻璃设计系统——为 SwiftUI、UIKit 和 WidgetKit 提供具有模糊、反射和交互变形能力的动态玻璃材质。
affaan-m
brainstorming
你必须在任何创意工作之前使用此技能——创建功能、构建组件、添加功能或修改行为。在实现之前探索用户意图、需求和设计。
obra
algorithmic-art
使用 p5.js 创建算法艺术，支持种子随机性和交互式参数探索。当用户请求使用代码创作艺术、生成艺术、算法艺术、流场或粒子系统时使用。创作原创算法艺术，而非复制现有艺术家的作品，以避免版权侵权。
anthropicsbrand-guidelines
将Anthropic官方品牌颜色和排版应用于任何可能受益于Anthropic外观和感觉的工件。当需要品牌颜色或样式指南、视觉格式化或公司设计标准时使用。
anthropicstheme-factory
用于为制品（如幻灯片、文档、报告、HTML落地页等）应用主题样式的工具包。内置10套预设主题（含配色与字体），可直接应用于已有制品，也可即时生成新主题。
anthropicsslack-gif-creator
用于创建针对 Slack 优化的动画 GIF 的知识和工具。提供约束条件、验证工具和动画概念。当用户请求为 Slack 创建动画 GIF 时使用，例如“给我做一个 X 做 Y 的 Slack GIF”。
anthropicscanvas-design
使用设计理念在 .png 和 .pdf 文档中创建精美的视觉艺术。当用户要求创建海报、艺术品、设计或其他静态作品时，应使用此技能。创作原创视觉设计，切勿抄袭现有艺术家的作品以避免版权侵权。
anthropicspptx
当任何 .pptx 文件以任何方式涉及（作为输入、输出或两者）时，使用此技能。包括：创建幻灯片组、推介文稿或演示文稿；读取、解析或提取任何 .pptx 文件中的文本（即使提取的内容将用于其他地方，如电子邮件或摘要）；编辑、修改或更新现有演示文稿；合并或拆分幻灯片文件；处理模板、布局、演讲者备注或批注。当用户提到“deck”、“slides”、“presentation”或引用 .pptx 文件名时触发，无论他们之后计划如何处理内容。如果需要打开、创建或处理 .pptx 文件，请使用此技能。
anthropicsfrontend-design
在构建新UI或重塑现有UI时，提供独特且有意的视觉设计指导。帮助确定美学方向、排版，并做出不像是模板默认的选择。
anthropics
design
综合设计技能：品牌标识、设计令牌、UI样式、Logo生成（55种风格，Gemini AI）、企业形象识别系统（50个交付物，CIP样机）、HTML演示文稿（Chart.js）、横幅设计（22种风格，社交/广告/网页/印刷）、图标设计（15种风格，SVG，Gemini 3.1 Pro）、社交照片（HTML→截图，多平台）。操作：设计Logo、创建CIP、生成样机、制作幻灯片、设计横幅、生成图标、创建社交照片、社交媒体图片、品牌标识、设计系统。平台：Facebook、Twitter、LinkedIn、YouTube、Instagram、Pinterest、TikTok、Threads、Google Ads。
nextlevelbuilderbanner-design
为社交媒体、广告、网站主视觉、创意素材和印刷品设计横幅。提供多种艺术指导方向，搭配AI生成的视觉元素。操作：设计、创建、生成横幅。平台：Facebook、Twitter/X、LinkedIn、YouTube、Instagram、Google Display、网站主视觉、印刷品。风格：极简、渐变、粗体排版、照片、插画、几何、复古、玻璃拟态、3D、霓虹、双色调、编辑、拼贴。使用ui-ux-pro-max、frontend-design、ai-artist、ai-multimodal技能。
nextlevelbuilderbrand
品牌声音、视觉识别、信息框架、资产管理、品牌一致性。适用于品牌内容、语气语调、营销资产、品牌合规、风格指南。
nextlevelbuilderslides
使用 Chart.js、设计令牌、响应式布局、文案公式和情境化幻灯片策略创建战略性 HTML 演示文稿。
nextlevelbuilder
imagegen-frontend-mobile
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.
nexu-ioreference-design-contract
Turn vague taste, screenshots, URLs, product notes, or "make it feel like this" references into a grounded DESIGN.md plus an implementation handoff. Use it before prototypes, decks, redesigns, or image remix work when the user needs a reusable visual direction rather than a one-off prompt.
nexu-ioimagegen-frontend-web
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product comps that developers or coding models can accurately recreate.
nexu-iobrandkit
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.
nexu-ioui-ux-pro-max
适用于 Web 与移动端的 UI/UX 设计智囊。内置 50+ 种设计风格、161 种调色板、57 种字体搭配、161 种产品类型、99 条 UX 指南及 25 种图表类型，覆盖 10 大技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui 和 HTML/CSS）。操作指令包含：UI/UX 代码的规划、构建、创建、设计、实现、评审、修复、改进、优化、增强、重构和检查。适用项目：网站、落地页、仪表盘、后台管理面板、电商、SaaS、作品集、博客与移动 App。界面元素：按钮、弹窗、导航栏、侧边栏、卡片、表格、表单和图表。设计风格：玻璃拟态 (glassmorphism)、黏土拟态 (claymorphism)、极简主义 (minimalism)、新丑风 (brutalism)、新拟物 (neumorphism)、便当盒布局 (bento grid)、暗黑模式 (dark mode)、响应式 (responsive)、拟物化 (skeuomorphism) 与扁平化设计 (flat design)。核心主题：色彩系统、无障碍访问 (a11y)、动效、布局、排版、字体搭配、间距、交互状态、阴影与渐变。生态集成：集成 shadcn/ui MCP，支持组件检索与示例查阅。
nextlevelbuilder