设计与 UI
界面设计、视觉系统和产品 UI
Skills 列表

emil-design-eng
此技能编码了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策以及让软件体验出色的隐形细节的理念。
emilkowalski
graphic-designer
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
mindmap
使用 PlantUML @startmindmap 语法创建层级思维导图。适用于头脑风暴、主题分解、学习笔记和决策树,支持自动径向布局、左右分支和节点样式。
markdown-viewer
canvas
使用 JSON 格式创建自由定位节点的空间图表。最适合需要精确 x/y 坐标控制的概念图、知识图谱和规划板。
markdown-viewer
seedance-prompt-en
为字节跳动即梦 Seedance 2.0 多模态 AI 视频生成模型撰写高效提示词。当用户需要通过文本、图片、视频、音频输入以及 @ 引用系统生成视频提示词时使用。涵盖运镜控制、特效复刻、视频续写、视频编辑、卡点剪辑、电商广告、短剧及科普等多种场景。
dexhunter
swiftui-expert-skill
适用于编写、审查或重构针对 iOS 和 macOS 的 SwiftUI 代码,涵盖状态管理与 `@Observable` 数据流、视图组合与失效/性能优化、列表与 `ForEach` 标识符管理、Environment 环境上下文用法、本地化、动画、Liquid Glass 样式适配、软弃用 API 迁移,以及使用 Instruments 捕获与分析 `.trace` 文件(定位主线程卡顿、掉帧、CPU 热点或视图过度刷新问题)。
avdlee
cupynumeric-parallel-data-load
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
wecomcli-disk
企业微信微盘(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
omniverse-realtime-viewer
Use as the top-level router for Omniverse Realtime Viewer USD app requests and focused viewer reference documents.
nvidia
baoyu-design
以独立单文件 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
flutter-fix-layout-issues
使用 Dart 和 Flutter MCP 工具修复 Flutter 布局错误(如溢出、无界约束等)。当遇到 "RenderFlex overflowed"、"Vertical viewport was given unbounded height" 或类似布局问题时使用。
flutter
flutter-build-responsive-layout
利用 `LayoutBuilder`、`MediaQuery` 或 `Expanded`/`Flexible` 打造能自动适配不同屏幕尺寸的 Flutter 布局。适用于需要让 UI 在手机、平板及桌面端等多种设备形态下都能完美呈现的场景。
flutter
flutter-add-widget-preview
使用 `previews.dart` 系统为项目添加交互式 Widget 预览。适用于创建新 UI 组件或更新现有界面时,以确保设计一致性并进行交互式测试。
flutter
codex
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
terracotta
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
matrix
A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements
bergside
create-adaptable-composable
创建库级别的 Vue composable,支持接收兼具响应性的入参(MaybeRef / MaybeRefOrGetter),方便调用方传入普通值、ref 或 getter。在响应式副作用(watch / watchEffect)内部利用 toValue() / toRef() 规范化入参,保障调用的可预测性与响应力。当用户需要创建灵活适配、高复用的 composable 时使用本 Skill。
hyf0
parabolic-short-trade-planner
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
vue-pinia-best-practices
Pinia Store 最佳实践、状态管理设计模式、Store 初始化配置以及响应式处理技巧。
hyf0
skill-designer
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
agentic
Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
bergside
spacious
Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.
bergside
cafe
Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
bergside
edge-strategy-designer
Convert abstract edge concepts into strategy draft variants and optional exportable ticket YAMLs for edge-candidate-agent export/validation.
tradermonty