设计与 UI
界面设计、视觉系统和产品 UI
Skills 列表
accessibility
使用 WCAG 2.2 Level AA 标准设计、实现和审计包容性数字产品。利用此技能为 Web 生成语义 ARIA，为 Web 和原生平台（iOS/Android）生成无障碍特性。
affaan-mmanim-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
office-hours
YC Office Hours — two modes. (gstack)
garrytanplan-design-review
Designer's eye plan review — interactive, like CEO and Eng review. (gstack)
garrytan
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
design-taste-frontend
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
nexu-iolibrary-curator
Search the OD Library (the global asset registry) and apply matching assets into the current project mid-task. Use when the user asks to reuse an image they captured/uploaded earlier, "pull a logo/screenshot from my library", or to find and drop a stored asset into the page being built.
nexu-io