设计与 UI
界面设计、视觉系统和产品 UI
Skills 列表

songsee
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
steipete
video-frames
Extract frames or short clips from videos using ffmpeg.
steipete
peekaboo
Capture and automate macOS UI with the Peekaboo CLI.
steipete
ui-to-vue
Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.
affaan-m
frontend-design-direction
Set an ECC-specific frontend design direction for production UI work. Use when building or improving websites, dashboards, applications, components, landing pages, visual tools, or any web UI that needs stronger product-specific design judgment.
affaan-m
ios-icon-gen
Generate iOS app icons as PNG imagesets for Xcode asset catalogs from SF Symbols (5000+ Apple-native) or Iconify API (275k+ open source icons from 200+ collections). Use when generating icons, creating icon assets, adding icons to asset catalog, or searching for icons for iOS projects.
affaan-m
homelab-network-setup
Practical home and homelab network planning for gateways, switches, access points, IP ranges, DHCP reservations, DNS, cabling, and common beginner mistakes.
affaan-m
accessibility
Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA
affaan-m
manim-video
Build reusable Manim explainers for technical concepts, graphs, system diagrams, and product walkthroughs, then hand off to the wider ECC video stack if needed. Use when the user wants a clean animated explainer rather than a generic talking-head script.
affaan-m
healthcare-emr-patterns
EMR/EHR development patterns for healthcare applications. Clinical safety, encounter workflows, prescription generation, clinical decision support integration, and accessibility-first UI for medical data entry.
affaan-m
compose-multiplatform-patterns
Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.
affaan-m
swift-concurrency-6-2
Swift 6.2 Approachable Concurrency — single-threaded by default, @concurrent for explicit background offloading, isolated conformances for main actor types.
affaan-m
swiftui-patterns
SwiftUI architecture patterns, state management with @Observable, view composition, navigation, performance optimization, and modern iOS/macOS UI best practices.
affaan-m
android-clean-architecture
Clean Architecture patterns for Android and Kotlin Multiplatform projects — module structure, dependency rules, UseCases, Repositories, and data layer patterns.
affaan-m
liquid-glass-design
iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.
affaan-m
brainstorming
在进行任何创意工作之前,你必须使用此技能——创建功能、构建组件、添加功能或修改行为。在实现之前探索用户意图、需求和设计。
obra
algorithmic-art
使用 p5.js 创建算法艺术,支持种子随机性和交互式参数探索。当用户请求使用代码创作艺术、生成艺术、算法艺术、流场或粒子系统时使用。创作原创算法艺术,而非复制现有艺术家的作品,以避免版权侵权。
anthropics
brand-guidelines
将Anthropic官方品牌颜色和排版应用于任何可能受益于Anthropic外观和感觉的工件。当需要品牌颜色或样式指南、视觉格式化或公司设计标准时使用。
anthropics
theme-factory
用于为制品(如幻灯片、文档、报告、HTML落地页等)设置主题样式的工具包。内置10套预设主题(含配色/字体),可直接应用于已创建的任意制品,也可即时生成新主题。
anthropics
slack-gif-creator
用于创建针对 Slack 优化的动画 GIF 的知识和工具。提供约束条件、验证工具和动画概念。当用户请求为 Slack 创建动画 GIF 时使用,例如“帮我做一个 X 做 Y 的 Slack GIF”。
anthropics
canvas-design
使用设计理念在 .png 和 .pdf 文档中创建精美的视觉艺术。当用户要求创建海报、艺术品、设计或其他静态作品时,应使用此技能。创作原创视觉设计,切勿抄袭现有艺术家的作品以避免版权侵权。
anthropics
pptx
当任何 .pptx 文件以任何方式涉及时——作为输入、输出或两者兼有——使用此技能。包括:创建幻灯片组、推介文稿或演示文稿;读取、解析或提取任何 .pptx 文件中的文本(即使提取的内容将用于其他地方,如电子邮件或摘要);编辑、修改或更新现有演示文稿;合并或拆分幻灯片文件;处理模板、布局、演讲者备注或批注。当用户提到“deck”、“slides”、“presentation”或引用 .pptx 文件名时触发,无论他们之后打算如何处理内容。如果需要打开、创建或处理 .pptx 文件,请使用此技能。
anthropics
frontend-design
在构建新UI或重塑现有UI时,提供独特且有意的视觉设计指导。帮助确定美学方向、排版,并做出不像是模板默认的选择。
anthropics
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.
nextlevelbuilder