设计与 UI

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

269 个 Skills 可用

Skills 列表

songsee

songsee

385Kdesign-ui

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

steipete avatarsteipete
获取
video-frames

video-frames

384Kdesign-ui

Extract frames or short clips from videos using ffmpeg.

steipete avatarsteipete
获取
peekaboo

peekaboo

384Kdesign-ui

Capture and automate macOS UI with the Peekaboo CLI.

steipete avatarsteipete
获取
ui-to-vue

ui-to-vue

237Kdesign-ui

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 avataraffaan-m
获取
frontend-design-direction

frontend-design-direction

237Kdesign-ui

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 avataraffaan-m
获取
ios-icon-gen

ios-icon-gen

237Kdesign-ui

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 avataraffaan-m
获取
homelab-network-setup

homelab-network-setup

237Kdesign-ui

Practical home and homelab network planning for gateways, switches, access points, IP ranges, DHCP reservations, DNS, cabling, and common beginner mistakes.

affaan-m avataraffaan-m
获取
accessibility

accessibility

232Kdesign-ui

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

affaan-m avataraffaan-m
获取
manim-video

manim-video

232Kdesign-ui

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 avataraffaan-m
获取
healthcare-emr-patterns

healthcare-emr-patterns

231Kdesign-ui

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 avataraffaan-m
获取
compose-multiplatform-patterns

compose-multiplatform-patterns

231Kdesign-ui

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

affaan-m avataraffaan-m
获取
swift-concurrency-6-2

swift-concurrency-6-2

231Kdesign-ui

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

affaan-m avataraffaan-m
获取
swiftui-patterns

swiftui-patterns

230Kdesign-ui

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

affaan-m avataraffaan-m
获取
android-clean-architecture

android-clean-architecture

230Kdesign-ui

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

affaan-m avataraffaan-m
获取
liquid-glass-design

liquid-glass-design

230Kdesign-ui

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

affaan-m avataraffaan-m
获取
brainstorming

brainstorming

227Kdesign-ui

在进行任何创意工作之前,你必须使用此技能——创建功能、构建组件、添加功能或修改行为。在实现之前探索用户意图、需求和设计。

obra avatarobra
获取
algorithmic-art

algorithmic-art

153Kdesign-ui

使用 p5.js 创建算法艺术,支持种子随机性和交互式参数探索。当用户请求使用代码创作艺术、生成艺术、算法艺术、流场或粒子系统时使用。创作原创算法艺术,而非复制现有艺术家的作品,以避免版权侵权。

anthropics avataranthropics
获取
brand-guidelines

brand-guidelines

153Kdesign-ui

将Anthropic官方品牌颜色和排版应用于任何可能受益于Anthropic外观和感觉的工件。当需要品牌颜色或样式指南、视觉格式化或公司设计标准时使用。

anthropics avataranthropics
获取
theme-factory

theme-factory

153Kdesign-ui

用于为制品(如幻灯片、文档、报告、HTML落地页等)设置主题样式的工具包。内置10套预设主题(含配色/字体),可直接应用于已创建的任意制品,也可即时生成新主题。

anthropics avataranthropics
获取
slack-gif-creator

slack-gif-creator

153Kdesign-ui

用于创建针对 Slack 优化的动画 GIF 的知识和工具。提供约束条件、验证工具和动画概念。当用户请求为 Slack 创建动画 GIF 时使用,例如“帮我做一个 X 做 Y 的 Slack GIF”。

anthropics avataranthropics
获取
canvas-design

canvas-design

153Kdesign-ui

使用设计理念在 .png 和 .pdf 文档中创建精美的视觉艺术。当用户要求创建海报、艺术品、设计或其他静态作品时,应使用此技能。创作原创视觉设计,切勿抄袭现有艺术家的作品以避免版权侵权。

anthropics avataranthropics
获取
pptx

pptx

151Kdesign-ui

当任何 .pptx 文件以任何方式涉及时——作为输入、输出或两者兼有——使用此技能。包括:创建幻灯片组、推介文稿或演示文稿;读取、解析或提取任何 .pptx 文件中的文本(即使提取的内容将用于其他地方,如电子邮件或摘要);编辑、修改或更新现有演示文稿;合并或拆分幻灯片文件;处理模板、布局、演讲者备注或批注。当用户提到“deck”、“slides”、“presentation”或引用 .pptx 文件名时触发,无论他们之后打算如何处理内容。如果需要打开、创建或处理 .pptx 文件,请使用此技能。

anthropics avataranthropics
获取
frontend-design

frontend-design

151Kdesign-ui

在构建新UI或重塑现有UI时,提供独特且有意的视觉设计指导。帮助确定美学方向、排版,并做出不像是模板默认的选择。

anthropics avataranthropics
获取
design

design

106Kdesign-ui

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 avatarnextlevelbuilder
获取