设计与 UI

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

489 個 Skills 可用

Skills 列表

remotion-interactivity

remotion-interactivity

4Kdesign-ui

Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.

remotion-dev avatarremotion-dev
獲取
ios-debugger-agent

ios-debugger-agent

3.9Kdesign-ui

Use XcodeBuildMCP to build, run, launch, and debug the current iOS project on a booted simulator. Trigger when asked to run an iOS app, interact with the simulator UI, inspect on-screen state, capture logs/console output, or diagnose runtime behavior using XcodeBuildMCP tools.

dimillian avatardimillian
獲取
swiftui-view-refactor

swiftui-view-refactor

3.9Kdesign-ui

Refactor and review SwiftUI view files with strong defaults for small dedicated subviews, MV-over-MVVM data flow, stable view trees, explicit dependency injection, and correct Observation usage. Use when cleaning up a SwiftUI view, splitting long bodies, removing inline actions or side effects, reducing computed `some View` helpers, or standardizing `@Observable` and view model initialization patterns.

dimillian avatardimillian
獲取
skill-review

skill-review

3.9Kdesign-ui

Quality review and audit for Claude Code skills. Analyzes skill structure, description quality, workflow design, token efficiency, and anti-patterns against best practices. Use when user wants to review a skill, audit a skill, check skill quality, evaluate a skill, critique a skill, lint a skill, or validate a skill. Triggers: 'review skill', 'audit skill', 'skill quality', 'check my skill', 'evaluate skill', 'skill lint', 'validate skill', 'skill review', 'is this skill good', 'improve this skill'.

sanyuan0704 avatarsanyuan0704
獲取
swiftui-ui-patterns

swiftui-ui-patterns

3.9Kdesign-ui

Best practices and example-driven guidance for building SwiftUI views and components, including navigation hierarchies, custom view modifiers, and responsive layouts with stacks and grids. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens with VStack/HStack, managing @State or @Binding, building declarative iOS interfaces, or needing component-specific patterns and examples.

dimillian avatardimillian
獲取
swiftui-liquid-glass

swiftui-liquid-glass

3.8Kdesign-ui

Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked to adopt Liquid Glass in new SwiftUI UI, refactor an existing feature to Liquid Glass, or review Liquid Glass usage for correctness, performance, and design alignment.

dimillian avatardimillian
獲取
interface-review

interface-review

3.8Kdesign-ui

Interface review of a change rather than a screen: uncommitted work, the current branch, or a pull request. Covers interface quality, not correctness, tests, or security.

jakubkrehel avatarjakubkrehel
獲取
obsidian-canvas-creator

obsidian-canvas-creator

3.3Kdesign-ui

Create Obsidian Canvas files from text content, supporting both MindMap and freeform layouts. Use this skill when users want to visualize content as an interactive canvas, create mind maps, or organize information spatially in Obsidian format.

axtonliu avataraxtonliu
獲取
excalidraw-diagram

excalidraw-diagram

3.3Kdesign-ui

Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Triggers on "Excalidraw", "画图", "流程图", "思维导图", "可视化", "diagram", "标准Excalidraw", "standard excalidraw", "Excalidraw动画", "动画图", "animate".

axtonliu avataraxtonliu
獲取
emil-design-eng

emil-design-eng

3.2Kdesign-ui

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

emilkowalski avataremilkowalski
獲取
mindmap

mindmap

3.1Kdesign-ui

Create hierarchical mind maps using PlantUML @startmindmap syntax. Best for brainstorming, topic decomposition, study notes, and decision trees with automatic radial layout, left/right branches, and per-node styling.

markdown-viewer avatarmarkdown-viewer
獲取
canvas

canvas

3.1Kdesign-ui

Create spatial diagrams with free-positioned nodes using JSON format. Best for concept maps, knowledge graphs, and planning boards requiring precise x/y coordinate control.

markdown-viewer avatarmarkdown-viewer
獲取
seedance-prompt-en

seedance-prompt-en

3.1Kdesign-ui

Write effective prompts for Jimeng Seedance 2.0 multimodal AI video generation. Use when users want to create video prompts using text, images, videos, and audio inputs with the @ reference system. Covers camera movements, effects replication, video extension, editing, music beat-matching, e-commerce ads, short dramas, and educational content.

dexhunter avatardexhunter
獲取
swiftui-expert-skill

swiftui-expert-skill

3.1Kdesign-ui

Use when writing, reviewing, or refactoring SwiftUI code for iOS or macOS, including state management and `@Observable` data flow, view composition and invalidation/performance, lists and `ForEach` identity, environment usage, localization, animations, Liquid Glass adoption, migrating soft-deprecated APIs, or Instruments `.trace` capture/analysis for hangs, hitches, CPU hotspots, or

avdlee avataravdlee
獲取
cupynumeric-parallel-data-load

cupynumeric-parallel-data-load

3Kdesign-ui

Load a sharded, on-disk dataset (sharded .npy, Parquet/Arrow, raw binary, sharded HDF5, custom layouts) into a distributed cuPyNumeric ndarray via a manual partition + leaf @task launch with CPU/OMP/GPU variants. Use when no single-call loader fits, including when per-shard row counts differ across files. Prefer cupynumeric.load or legate.io.hdf5.from_file when they apply.

nvidia avatarnvidia
獲取
wecomcli-disk

wecomcli-disk

2.9Kdesign-ui

企业微信微盘(Disk / 网盘)文件操作技能。承接"微盘 / 网盘"里的文件列出、搜索、读取元信息、上传、下载、重命名、新建文件夹操作。用户明确提到"微盘"/"网盘"/"共享空间"时必须先读取本技能获取完整指引,不得凭记忆处理。用户说"上传到微盘"、"帮我在微盘里搜一下 xxx"、"微盘那个 PPT 在哪"、"下载微盘那个文件"、"把微盘那个文件重命名成 xxx"、或直接给出 `https://drive.weixin.qq.com/s?k=...` 形式的微盘文件链接时使用本技能。与 `wecomcli-doc` / `wecomcli-sheet` / `wecomcli-smartsheet` / `wecomcli-smartpage` 的区别:本技能处理微盘里所有文件(含在线文档)的搜索/列表/基础信息/位置/路径/重命名等文件级操作;在线文档(`doc/sheet/smartsheet/smartpage` 类型)的内容读写走对应文档技能,不由本技能接管。当用户问「这个文档在微盘哪里」或问某文件在微盘的位置时,由本技能用 get 返回空间名/文件夹名/路径等元信息。

wecomteam avatarwecomteam
獲取
omniverse-realtime-viewer

omniverse-realtime-viewer

2.8Kdesign-ui

Use as the top-level router for Omniverse Realtime Viewer USD app requests and focused viewer reference documents.

nvidia avatarnvidia
獲取
baoyu-design

baoyu-design

2.8Kdesign-ui

Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a. PPT / PowerPoint presentations), and visual explorations. Use whenever the user asks to design, mock up, prototype, wireframe, visualize, explore, or make a PPT/deck for an interface, product screen, user flow, content layout, visual artifact, or pitch/deck concept, even if they do not say "design". Also use to export a deck built with this skill to PowerPoint (PPT/PPTX) — but only decks authored here (deck-stage / this skill's slide-structured HTML), NOT arbitrary HTML, so confirm the target is such a deck first. Also use for setting up, importing, or authoring reusable design systems, UI kits, brand tokens, or component libraries. Harness-agnostic for Claude Code, Cursor, Codex Agent, and similar file-capable agents.

jimliu avatarjimliu
獲取
flutter-fix-layout-issues

flutter-fix-layout-issues

2.8Kdesign-ui

Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing "RenderFlex overflowed", "Vertical viewport was given unbounded height", or similar layout issues.

flutter avatarflutter
獲取
flutter-build-responsive-layout

flutter-build-responsive-layout

2.8Kdesign-ui

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.

flutter avatarflutter
獲取
flutter-add-widget-preview

flutter-add-widget-preview

2.8Kdesign-ui

Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consistent design and interactive testing.

flutter avatarflutter
獲取
create-adaptable-composable

create-adaptable-composable

2.7Kdesign-ui

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.

hyf0 avatarhyf0
獲取
parabolic-short-trade-planner

parabolic-short-trade-planner

2.7Kdesign-ui

Screen US equities for parabolic exhaustion patterns and generate conditional pre-market short plans, then evaluate intraday trigger fires from live 5-min bars. Phase 1 daily 5-factor scorer (MA extension / acceleration / volume climax / range expansion / liquidity), Phase 2 per-candidate plans for ORL break / first-red 5-min / VWAP fail with explicit borrow / SSR / manual-confirmation gating, Phase 3 one-shot intraday FSM that detects trigger fires and resolves concrete share counts. Covers Phase 1 + Phase 2 + Phase 3.

tradermonty avatartradermonty
獲取
vue-pinia-best-practices

vue-pinia-best-practices

2.7Kdesign-ui

Pinia stores, state management patterns, store setup, and reactivity with stores.

hyf0 avatarhyf0
獲取