设计与 UI
界面设计、视觉系统和产品 UI
Skills 列表
songsee
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
openclawpeekaboo
Capture and automate macOS UI with the Peekaboo CLI.
openclawvideo-frames
Extract frames or short clips from videos using ffmpeg.
openclaw
songsee
使用 songsee CLI 从音频生成声谱图与多特征可视化面板。
steipetevideo-frames
使用 ffmpeg 从视频中提取帧或短片段。
steipetepeekaboo
使用 Peekaboo CLI 捕获并自动化 macOS 界面。
steipete
taste-application
Generate new video against a distilled style pack and cut it into a finished piece - plan takes from the reference's cut rhythm, generate on fal, grade with the pack's measured LUT, cut at the measured cadence, weave in existing footage, composite overlay plates, mint 3D props, and verify the result numerically. Use when the user wants to make a video in a captured style, supplement existing footage, or assemble generated clips into a real edit.
affaan-mtaste
A creative-direction (taste) layer for music videos and short-form edits in the angelcore / cloud-trance / hyperpop visual family. Distills a named-genre aesthetic vocabulary, a mood + color + light system, and a beat-synced editing grammar, then chains ECC's video skills (video-editing, fal-ai-media, remotion-video-creation, motion-*, content-engine) into one production pipeline. Use when the work is not just making a video function but making it feel intentional, when building a music video, a fancam/edit, a moodboard-driven reel, or when choosing a coherent visual direction for AI-generated b-roll.
affaan-mui-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-mios-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-mhomelab-network-setup
Practical home and homelab network planning for gateways, switches, access points, IP ranges, DHCP reservations, DNS, cabling, and common beginner mistakes. Use when planning or fixing a home or homelab network — gateway, switch, AP, IP ranges, DHCP, DNS, or cabling.
affaan-mcompose-multiplatform-patterns
Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.
affaan-mswift-concurrency-6-2
Swift 6.2 Approachable Concurrency — single-threaded by default, @concurrent for explicit background offloading, isolated conformances for main actor types.
affaan-mhealthcare-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-mmanim-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-maccessibility
Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA
affaan-mandroid-clean-architecture
Clean Architecture patterns for Android and Kotlin Multiplatform projects — module structure, dependency rules, UseCases, Repositories, and data layer patterns.
affaan-mliquid-glass-design
iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.
affaan-mswiftui-patterns
SwiftUI architecture patterns, state management with @Observable, view composition, navigation, performance optimization, and modern iOS/macOS UI best practices.
affaan-mfrontend-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-mui-to-vue
当用户手头有 UI 设计图截图或导出图，需要批量转换成 Vue 3 组件（特别是基于 Vant、Element Plus 或 Ant Design Vue）时使用。
affaan-mfrontend-design-direction
为生产环境的 UI 开发设定特定于 ECC 的前端设计方向。适用于构建或优化网站、仪表盘、应用、组件、落地页、可视化工具，或任何需要更强产品专属设计判断的 Web UI 场景。
affaan-mios-icon-gen
支持通过 SF Symbols（5000+ Apple 原生图标）或 Iconify API（来自 200+ 图标集的 27.5万+ 开源图标），为 Xcode 资源目录（Asset Catalogs）生成 PNG 格式的 iOS 应用图标集（imagesets）。适用于为 iOS 项目生成图标、创建图标资源、添加图标到 Asset Catalog 或搜索图标等场景。
affaan-mhomelab-network-setup
实用的家庭与 Homelab 网络规划指南，涵盖网关、交换机、AP（无线接入点）、IP 网段划分、DHCP 静态绑定、DNS 配置、网络布线以及新手避坑指南。
affaan-m