设计与 UI

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

638 个 Skills 可用

Skills 列表

emil-design-eng

emil-design-eng

3.2Kdesign-ui

此技能编码了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策以及让软件体验出色的隐形细节的理念。

emilkowalski avataremilkowalski
获取
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
获取
mindmap

mindmap

3.1Kdesign-ui

使用 PlantUML @startmindmap 语法创建层级思维导图。适用于头脑风暴、主题分解、学习笔记和决策树,支持自动径向布局、左右分支和节点样式。

markdown-viewer avatarmarkdown-viewer
获取
canvas

canvas

3.1Kdesign-ui

使用 JSON 格式创建自由定位节点的空间图表。最适合需要精确 x/y 坐标控制的概念图、知识图谱和规划板。

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

seedance-prompt-en

3.1Kdesign-ui

为字节跳动即梦 Seedance 2.0 多模态 AI 视频生成模型撰写高效提示词。当用户需要通过文本、图片、视频、音频输入以及 @ 引用系统生成视频提示词时使用。涵盖运镜控制、特效复刻、视频续写、视频编辑、卡点剪辑、电商广告、短剧及科普等多种场景。

dexhunter avatardexhunter
获取
swiftui-expert-skill

swiftui-expert-skill

3.1Kdesign-ui

适用于编写、审查或重构针对 iOS 和 macOS 的 SwiftUI 代码,涵盖状态管理与 `@Observable` 数据流、视图组合与失效/性能优化、列表与 `ForEach` 标识符管理、Environment 环境上下文用法、本地化、动画、Liquid Glass 样式适配、软弃用 API 迁移,以及使用 Instruments 捕获与分析 `.trace` 文件(定位主线程卡顿、掉帧、CPU 热点或视图过度刷新问题)。

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

以独立单文件 HTML 形式创建精致的设计产物:UI 高保真设计图、交互原型、线框图、落地页(Landing Page)、仪表盘、应用界面、移动端界面、演示文稿(即 PPT / PowerPoint 幻灯片)以及视觉探索稿。只要用户提出对界面、产品屏幕、用户流程、内容布局、视觉产物或 Pitch 演示概念进行设计、原型制作、绘制线框图、可视化、探索或制作 PPT/幻灯片(即使对方没直接提到“设计”一词),即可触发此 Skill。此外,还可将本 Skill 制作的演示文稿导出为 PowerPoint 格式(PPT/PPTX)——注意:仅支持导出在本工具中生成的幻灯片(即 deck-stage 或本 Skill 规范的幻灯片结构 HTML),不支持任意通用 HTML,使用前请先确认目标产物是否符合要求。同时支持搭建、导入或编写可复用的设计系统(Design System)、UI 组件库(UI Kits)、品牌 Token(Brand Tokens)或组件库。通用兼容 Claude Code、Cursor、Codex Agent 等支持文件操作的 Agent 环境。

jimliu avatarjimliu
获取
flutter-fix-layout-issues

flutter-fix-layout-issues

2.8Kdesign-ui

使用 Dart 和 Flutter MCP 工具修复 Flutter 布局错误(如溢出、无界约束等)。当遇到 "RenderFlex overflowed"、"Vertical viewport was given unbounded height" 或类似布局问题时使用。

flutter avatarflutter
获取
flutter-build-responsive-layout

flutter-build-responsive-layout

2.8Kdesign-ui

利用 `LayoutBuilder`、`MediaQuery` 或 `Expanded`/`Flexible` 打造能自动适配不同屏幕尺寸的 Flutter 布局。适用于需要让 UI 在手机、平板及桌面端等多种设备形态下都能完美呈现的场景。

flutter avatarflutter
获取
flutter-add-widget-preview

flutter-add-widget-preview

2.8Kdesign-ui

使用 `previews.dart` 系统为项目添加交互式 Widget 预览。适用于创建新 UI 组件或更新现有界面时,以确保设计一致性并进行交互式测试。

flutter avatarflutter
获取
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
获取
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
获取
matrix

matrix

2.8Kdesign-ui

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

bergside avatarbergside
获取
create-adaptable-composable

create-adaptable-composable

2.7Kdesign-ui

创建库级别的 Vue composable,支持接收兼具响应性的入参(MaybeRef / MaybeRefOrGetter),方便调用方传入普通值、ref 或 getter。在响应式副作用(watch / watchEffect)内部利用 toValue() / toRef() 规范化入参,保障调用的可预测性与响应力。当用户需要创建灵活适配、高复用的 composable 时使用本 Skill。

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 Store 最佳实践、状态管理设计模式、Store 初始化配置以及响应式处理技巧。

hyf0 avatarhyf0
获取
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
获取
agentic

agentic

2.7Kdesign-ui

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

bergside avatarbergside
获取
spacious

spacious

2.7Kdesign-ui

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

bergside avatarbergside
获取
cafe

cafe

2.7Kdesign-ui

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

bergside avatarbergside
获取
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
获取