Design & UI

Interface design, visual systems, and product UI

638 skills available

Skills List

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
Get
graphic-designer

graphic-designer

3.2Kdesign-ui

Create LinkedIn post graphics. Decides between an HTML/CSS structured graphic or an AI-generated infographic based on the post content. Use this skill whenever the user says "design a graphic", "create a visual", "make an image", "graphic for my post", "LinkedIn image", or wants any visual content to pair with a LinkedIn post. Also trigger when the user finishes writing a post and wants a matching graphic.

charlie947 avatarcharlie947
Get
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
Get
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
Get
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
Get
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
Get
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
Get
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
Get
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
Get
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
Get
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
Get
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
Get
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
Get
codex

codex

2.8Kdesign-ui

A radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography carrying the visual weight. Black serves as the only filled color, the only divider, and the sole surface tone cards.

bergside avatarbergside
Get
terracotta

terracotta

2.8Kdesign-ui

A sun-baked, clay-toned editorial interface built on warm cream surfaces, ink-brown headlines set in a display serif, and a single terracotta accent.

bergside avatarbergside
Get
matrix

matrix

2.8Kdesign-ui

A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements

bergside avatarbergside
Get
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
Get
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
Get
vue-pinia-best-practices

vue-pinia-best-practices

2.7Kdesign-ui

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

hyf0 avatarhyf0
Get
skill-designer

skill-designer

2.7Kdesign-ui

Design new Claude skills from structured idea specifications. Use when the skill auto-generation pipeline needs to produce a Claude CLI prompt that creates a complete skill directory (SKILL.md, references, scripts, tests) following repository conventions.

tradermonty avatartradermonty
Get
agentic

agentic

2.7Kdesign-ui

Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.

bergside avatarbergside
Get
spacious

spacious

2.7Kdesign-ui

Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.

bergside avatarbergside
Get
cafe

cafe

2.7Kdesign-ui

Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.

bergside avatarbergside
Get
edge-strategy-designer

edge-strategy-designer

2.7Kdesign-ui

Convert abstract edge concepts into strategy draft variants and optional exportable ticket YAMLs for edge-candidate-agent export/validation.

tradermonty avatartradermonty
Get