设计与 UI

界面设计、视觉系统和产品 UI

628 个 Skills 可用

显示 24 个结果

songsee

songsee

Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.

peekaboo

peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

video-frames

video-frames

Extract frames or short clips from videos using ffmpeg.

songsee

songsee

使用 songsee CLI 从音频生成声谱图与多特征可视化面板。

video-frames

video-frames

使用 ffmpeg 从视频中提取帧或短片段。

peekaboo

peekaboo

使用 Peekaboo CLI 捕获并自动化 macOS 界面。

taste

taste

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.

ui-to-vue

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.

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.

homelab-network-setup

homelab-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.

compose-multiplatform-patterns

compose-multiplatform-patterns

Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.

swift-concurrency-6-2

swift-concurrency-6-2

Swift 6.2 Approachable Concurrency — single-threaded by default, @concurrent for explicit background offloading, isolated conformances for main actor types.

healthcare-emr-patterns

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.

manim-video

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.

accessibility

accessibility

Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA

android-clean-architecture

android-clean-architecture

Clean Architecture patterns for Android and Kotlin Multiplatform projects — module structure, dependency rules, UseCases, Repositories, and data layer patterns.

liquid-glass-design

liquid-glass-design

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.

swiftui-patterns

swiftui-patterns

SwiftUI architecture patterns, state management with @Observable, view composition, navigation, performance optimization, and modern iOS/macOS UI best practices.

frontend-design-direction

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.

ui-to-vue

ui-to-vue

当用户手头有 UI 设计图截图或导出图，需要批量转换成 Vue 3 组件（特别是基于 Vant、Element Plus 或 Ant Design Vue）时使用。

frontend-design-direction

frontend-design-direction

为生产环境的 UI 开发设定特定于 ECC 的前端设计方向。适用于构建或优化网站、仪表盘、应用、组件、落地页、可视化工具，或任何需要更强产品专属设计判断的 Web UI 场景。

ios-icon-gen

支持通过 SF Symbols（5000+ Apple 原生图标）或 Iconify API（来自 200+ 图标集的 27.5万+ 开源图标），为 Xcode 资源目录（Asset Catalogs）生成 PNG 格式的 iOS 应用图标集（imagesets）。适用于为 iOS 项目生成图标、创建图标资源、添加图标到 Asset Catalog 或搜索图标等场景。

homelab-network-setup

homelab-network-setup

实用的家庭与 Homelab 网络规划指南，涵盖网关、交换机、AP（无线接入点）、IP 网段划分、DHCP 静态绑定、DNS 配置、网络布线以及新手避坑指南。

accessibility

accessibility

使用 WCAG 2.2 Level AA 标准设计、实现和审计包容性数字产品。利用此技能为 Web 生成语义 ARIA，为 Web 和原生平台（iOS/Android）生成无障碍特性。