Skills

S

syncfusion-wpf-tile-view

syncfusion / wpf-ui-components-skills

创建并配置 WPF TileView 控件，以平铺布局组织和显示内容。用户需要实现平铺布局、按矩阵位置排列磁贴、为磁贴添加拖放功能、最大化/最小化磁贴项、自定义磁贴标题和外观、将数据绑定到磁贴视图，或创建响应式仪表板式布局时，使用此技能。对于构建带交互式平铺界面的 WPF 应用至关重要。

U

use-shadows-appropriately

gnurio / refactoring-ui-plugin

仅在功能需要时增加层次感（用于表示高度，而非装饰）

V

visual-composition

qodex-ai / ai-agent-skills

为网页和印刷品设计视觉布局与构图。运用字体、色彩和间距原则，打造协调统一的设计

W

web-ui-best-practices

jamditis / claude-skills-journalism

Web UI 品味的体现。构建或审查 Web 界面、仪表板、SaaS 应用或内部工具时使用。

A

ai-interface-reviewer

uxuiprinciples / agent-skills

根据 uxuiprinciples Part V 分类体系审核 AI 驱动的界面。该体系包含 44 项原则，涵盖透明度、信任校准、人工接管、同意、Agent 工作流和对话设计。返回包含严重程度和补救建议的结构化结果。API 密钥为可选项；增强输出需要 uxuiprinciples.com API Access。

A

artifacts-builder

shipshitdev / skills

使用 React、Tailwind 和共享 UI 构建多组件的 claude.ai HTML 成品。适用于需要状态管理的复杂成品，不适用于简单的单文件 HTML。

B

brandfy-diagnostico

promovaweb / brandfy

Levanta materiais, procedência e lacunas de uma marca. Use antes de criar, redesenhar, organizar ou auditar uma identidade existente.

C

compose

rcosteira79 / android-skills

Compose 和 Compose Multiplatform 专家，专注于 Android、Desktop、iOS 和 Web 的 UI 开发。涵盖状态管理、组合、动画、导航、性能、设计转代码工作流和生产环境崩溃模式，并基于对 androidx/androidx 和 JetBrains/compose-multiplatform-core 的源码分析。用户提及 Compose、@Composable、remember、LaunchedEffect、Scaffold、NavHost、NavDisplay、MaterialTheme、LazyColumn、Modifier、重组、Compose Multiplatform/CMP、commonMain、expect/actual、ComposeUIViewController、UIKitView、ComposeViewport、Res.drawable/Res.string 或任何 Compose API 时均触发。也适用于“将设计转成 Compose”“构建这个 UI”“实现这个设计”等表达，或任何现代 Kotlin UI 问题——包括随口提到“我的 Compose 屏幕很慢”。重点主题还包括 FocusRequester、focusProperties、onPreviewKeyEvent、D-pad、电视遥控器、ChromeOS 和 androidx.tv.material3。

C

create-brand-kit

leonvanzyl / skills

从任意起点（公司网站、书面简报、产品列表，或仅有名称和概念）开始，通过结构化、以评审为导向的品牌识别流程，最终交付完整打包的品牌套件和设计系统：图形标志、描边字标、组合标识、适配圆形裁切的图标、自适配主题的 favicon、PNG 位图、生成的指南页面、README，以及可选的 AI 周边商品效果图（衬衫、帽子、名片）。用户需要标志、品牌、视觉识别、品牌重塑、图形标志、品牌素材、favicon／图标集，或提出“为我的公司设计标志”“我们需要品牌设计”“为我们制作品牌套件”等要求，或分享公司网站并要求进行品牌识别设计时，均可使用。即使用户只要求“一个标志”，也要使用此技能——没有变体、小尺寸测试和指南的标志尚未完成

C

critique

plugin87 / ux-ui-agent-skills

对当前工作进行对抗性设计评审——渲染、检查，并提出拒绝理由。仅在各项关卡通过后运行，绝不能代替它们。

M

motion-design

whaleyxbt / claude-motion

Remotion 动态图形的审美规范——包括时序、缓动、弹簧效果、排版、色彩、纹理和场景连贯性，并提供具体数值。每当你在此仓库中创建、制作动画、调整时序或润色视频、合成、场景或转场时使用。

Jakob Nielsen 的 10 条可用性启发式原则，附现代解读、评估协议和 0-4 严重性分级量表。在进行启发式评估或可用性评审、为发现项评级严重性，或为依据既定原则给出 UX 反馈时使用。

O

openscad-iterative-modeling

fboldo / openscad-mcp-server

迭代生成 OpenSCAD（SCAD）代码、渲染 PNG 预览、从视觉上评估结果，并通过紧密循环不断改进，直到模型符合要求。用户要求创建 3D 模型、设计零件、制作支架／外壳／底座、在 OpenSCAD 中渲染、导出 STL，或提出任何可用参数化 CSG 几何表达的需求时使用。需要 OpenSCAD MCP 服务工具（render_scad_png、export_scad_stl）。

P

paw-cra-agent-designer

pawbytes / skill-suites

面向可直接发布的社交媒体帖子、轮播内容、传单、品牌素材和代码模板的视觉制作专家。用户请求“create social post”“design carousel”“make flyer”“generate logo”“resize image”或“create template”时触发。

P

presentation

thedesignproject / agent-skills

创建精致的单文件 HTML/CSS/JS 幻灯片演示文稿，支持动画、键盘/点击/滑动导航和逐步显示项目符号。当用户希望创建演示文稿、幻灯片、路演演示文稿，或希望以幻灯片形式展示内容时使用。

S

storybook-mcp-integration

yonatangross / orchestkit

Storybook MCP 服务本身（@storybook/addon-mcp）的参考资料：涵盖 3 个工具集（dev、docs、testing）中的 6 个工具、可用性检测及按 Agent 筛选工具集。设置该服务或直接对现有组件调用这些工具时使用。若要使用端到端流程将模型稿转换为新组件，并将这些工具作为其中一个阶段，请使用 design-to-code。

S

syncfusion-wpf-badge

syncfusion / wpf-ui-components-skills

实现用于通知徽章和指示器的 Syncfusion WPF Badge（SfBadge）组件。在 WPF 应用中为按钮添加通知徽章、显示计数或状态指示器，或自定义徽章外观时使用。涵盖通过对齐和锚点属性定位徽章、使用 Fill 属性自定义颜色、形状、动画，以及通过 SfBadge.Badge 属性附加徽章。

S

syncfusion-wpf-calculator

syncfusion / wpf-ui-components-skills

在 Windows 桌面应用中实现 Syncfusion WPF Calculator（SfCalculator）以执行数学运算。适用于为 WPF 应用添加计算器功能，涵盖设置、数值管理和内存操作。

S

syncfusion-wpf-circular-progressbar

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF SfCircularProgressBar，用于圆形和径向进度指示器。在构建圆形进度显示、确定或不确定进度动画、缓冲/次级进度、分段进度环，或带自定义中心内容的弧形进度时使用。涵盖使用 Syncfusion.SfProgressBar.WPF 时的 RangeColors、StartAngle、EndAngle、SegmentCount 和 ProgressContent。

S

syncfusion-wpf-gridsplitter

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF GridSplitter（SfGridSplitter）控件以动态调整布局大小的指南。实现 WPF GridSplitter、分隔面板或可调整大小的网格布局时使用此技能。涵盖使用可移动分隔条拆分网格行或列、折叠/展开功能、可调整大小的面板、拖动行为配置，以及在 WPF 应用中自定义分隔条外观。

S

syncfusion-wpf-menu

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF MenuAdv，用于层级菜单、上下文菜单和应用程序菜单栏。在 WPF 中构建嵌套菜单、带图标或键盘快捷键的菜单、复选框/单选按钮菜单项，或命令绑定菜单时使用。涵盖使用 HierarchicalDataTemplate 的 ItemsSource 数据绑定、MenuItemSeparator、方向、展开模式、动画和主题设置。

S

syncfusion-wpf-numericupdown

syncfusion / wpf-ui-components-skills

学习实现和配置用于输入数值的 Syncfusion WPF NumericUpdown（UpDown）控件。创建带微调按钮、数值限制、数字格式和区域设置支持的数值输入字段时使用。包含入门、数值管理、数字格式化、样式设置和高级配置指南。

S

syncfusion-wpf-toast-notification

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF Toast Notification（SfToastNotification）控件以显示临时通知消息的指南。适用于在 WPF 应用中实现 Toast 通知、弹出提醒、状态消息或非侵入式通知。涵盖显示成功/错误/警告消息、通知系统、临时 UI 反馈、Toast 分组、自定义定位和 Toast 间距。

T

tuzi-cover-image

tuziapi / tuzi-skills

生成文章封面图片，包含 5 个维度（类型、色板、渲染、文字、氛围），组合 9 种色板和 6 种渲染风格。支持电影宽幅（2.35:1）、宽屏（16:9）和方形（1:1）比例。当用户要求“生成封面”“创建文章封面”“做封面图”时使用。

W

web-taste

pproenca / dot-skills

以真正的品味设计 React 19 + Next.js 16 + Tailwind CSS 体验，从用户目标而非像素出发。用户要求构建页面、屏幕、表单、仪表板或任何面向用户的 Web UI 时使用。用户说“构建设置页面”“创建仪表板”“把设计做好”“我希望它有高级感”“做得像 Linear/Stripe/Vercel”，或提出任何 Next.js App Router / React / Tailwind UI 任务时触发。评审 UI 设计质量，或用户说输出“看起来像线框图”“有 Bootstrap 的感觉”或“像 AI 生成的”时也触发。构建任何面向用户的 Web 视图时，优先考虑触发此技能。

B

brandfy-guia-pdf

promovaweb / brandfy

Compila o guia BRAND.md em um PDF de marca. Use para gerar ou recompilar o guia após alterações no manual ou nos ativos.

B

brandfy-setup

promovaweb / brandfy

准备 .brandfy 配置、工件树和 Agent 指令。在项目中安装或更新 Brandfy 时使用。

C

canvas-navigation-components

drupal-canvas / skills

使用结构分解和 props／slots 规划并构建 Drupal Canvas 导航 UI（主导航、页脚链接、侧边栏导航、移动端抽屉、面包屑），然后采用 canvas-data-fetching 中的 JSON:API 菜单或页面上下文模式。用户要求导航、页眉或页脚链接、菜单、menu_items、移动端导航或面包屑路径时使用。布局和 API 草图完成后运行 canvas-design-decomposition；SWR、useJsonApiClient、sortMenu 和菜单回退方案遵循 canvas-data-fetching。

C

create-motion-graphics

chatcut-inc / agent-plugin

当 Codex 使用 ChatCut 插件（chatcut MCP 服务）添加、创建、手工编写、修补或放置 Motion Graphic JSX 资源时使用。涵盖参考浏览、直接内联 JSX 编写、可编辑属性、资源绑定、时间线放置与组合验证。

F

frontend-design

mitsuhiko / agent-stuff

设计并实现独特、可直接用于生产、具有明确美学方向的前端界面。当被要求创建或重新设计网页、组件或应用（HTML/CSS/JS、React、Vue 等）时使用。

G

gingiris-user-interview

gingiris-1031 / gingiris-skills

用户访谈与冷启动运营实战手册——基于 HeyGen 的 937 场访谈验证的 PMF 方法论。提供完整 SOP，涵盖用户筛选、访谈执行、Beta 测试方法、冷启动用户运营、流失分析和用户分级体系。

H

html-ppt-taste-brutalist

nexu-io / open-design

采用 tactical-telemetry／CRT-terminal 风格的 16:9 HTML 幻灯片。CRT 关闭时的炭灰色幻灯片、白色荧光粉等宽字体、危险红色点缀、扫描线叠加、ASCII 语法，强调信息密度而非装饰。提炼自 Leonxlnx/taste-skill `brutalist-skill`（Tactical Telemetry 模式）。

I

infrahub-managing-menus

opsmill / infrahub-skills

创建、修改和调试 Infrahub Web UI 侧边栏的自定义导航菜单，将节点类型整理为逻辑分组。以下情况触发：设计侧边栏菜单、在 UI 中分组节点类型、自定义 Infrahub Web 界面导航、修改或扩展现有菜单、更改菜单文件中的顺序、嵌套结构或图标、排查菜单项未显示或出现在错误分组中的原因。以下情况不触发：设计或修改 schema，包括设置 schema 节点的 menu_placement、icon 或 order_weight（使用 infrahub-managing-schemas）；编写检查或转换；填充数据对象。

O

outfit

membranedev / application-skills

Outfit 集成。管理数据、记录并自动执行工作流。用户希望与 Outfit 数据交互时使用。

P

paw-cra-design-batch

pawbytes / skill-suites

用于营销活动的批量视觉内容制作工作流。接收内容日历或活动简报，生成适用于多个平台的素材，并以整理好的套件形式输出及提供机器可读清单。用户提到“批量设计”“将内容日历转为素材”“活动批量制作”“生成所有活动视觉内容”或“批量生成素材”时触发。

P

power-design

itsssssjack / power-design

生成精美且符合品牌风格的 HTML——演示文稿或完整的响应式网站——采用任意品牌的设计语言，将通过 Firecrawl 提取的品牌 DNA 与经过编码、研究验证的设计原则相结合（幻灯片 20 条规则，网页 20 条规则）。

R

rebranding

vivy-yi / xiaohongshu-skills

品牌重塑——账号定位、视觉和内容的全面升级

S

slack-block-kit

ccheney / robust-skills

构建或调试用于消息、模态框、App Home、流式响应和 Work Object 展开的 Slack Block Kit 负载。适用于区块布局、元素或交互架构，不适用于单纯的 Slack 文本格式设置

S

swiftui-design-skill

podo / design-agent-skills

用于打造独特 iOS/macOS 界面的 SwiftUI 视觉设计技能，避免千篇一律的 AI 风格。涵盖设计方向、布局系统、字体、色彩、间距、品牌整合和设计评审。

S

syncfusion-wpf-3d-chart

syncfusion / wpf-ui-components-skills

全面介绍如何在 Windows Presentation Foundation 应用中实现 Syncfusion WPF 3D Charts (SfChart3D) 控件，用于 3D 数据可视化。适用于使用 3D 图表、3D 可视化或深度轴配置的场景。此技能涵盖 WPF 应用中的 3D 系列类型（柱形、饼形、条形）、曼哈顿图、3D 旋转、X/Y/Z 坐标绘图和深度轴配置。

S

syncfusion-wpf-autocomplete

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF SfTextBoxExt 的自动补全功能，包括智能建议、筛选和令牌化多选。适用于添加预测文本输入、筛选建议列表或多选搜索框。

S

syncfusion-wpf-busy-indicator

syncfusion / wpf-ui-components-skills

全面介绍如何在 Windows Presentation Foundation 应用程序中实现 Syncfusion WPF Busy Indicator（SfBusyIndicator）控件。在 WPF 中处理加载指示器、进度动画或异步及长时间运行操作期间的视觉反馈时使用此技能。涵盖 IsBusy 绑定、AnimationType 配置、标题自定义、MVVM 集成，以及使用 ViewboxHeight/ViewboxWidth 调整大小。

S

syncfusion-wpf-calendar

syncfusion / wpf-ui-components-skills

介绍如何使用 Syncfusion WPF CalendarEdit 控件进行日期选择和导航。用户需要实现日历功能、选择日期、限制日期范围、自定义日历外观或进行多日期选择时，均可使用此技能。适用于构建日期选择器界面、预订系统、日程安排应用，以及任何需要日历控件的 WPF 项目。

S

syncfusion-wpf-currency-textbox

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF CurrencyTextBox 控件，支持按区域设置格式化和验证货币输入。适用于在 WPF 应用中添加货币输入字段、财务数据录入控件，或带货币符号的十进制数值输入。涵盖货币格式化、区域设置支持、最小值/最大值验证、NumberFormatInfo 自定义和数值绑定。

S

syncfusion-wpf-datapager

syncfusion / wpf-ui-components-skills

在 WPF 应用中实现 Syncfusion WPF DataPager (SfDataPager)，以对大型数据集分页。适用于实现分页控件、页面导航，或将大量数据拆分为易于管理的块。支持配置每页大小、导航按钮和数字页码按钮，并可与 DataGrid、ListBox、ListView 和 ItemsControl 配合使用。

S

syncfusion-wpf-datepicker

syncfusion / wpf-ui-components-skills

实现适合触控操作的 Syncfusion WPF DatePicker（SfDatePicker）控件。在 WPF 应用中添加日期输入控件、自定义日期选择器外观、设置日期显示格式或限制日期范围时使用。涵盖安装、日期格式化、样式设置、自定义、值管理和事件处理。

S

syncfusion-wpf-navigation-pane

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF GroupBar（Navigation Pane），用于 Outlook 风格的可展开类别导航。在 WPF 中创建导航窗格、GroupBar、带可折叠分区的侧边栏或堆叠模式导航时使用。涵盖项目层级、视觉模式、数据绑定、拖放、方向、行为、外观和主题。

S

syncfusion-wpf-tabbed-mdi-form

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF DocumentContainer（Tabbed MDI Form）控件，用于创建 MDI 和 TDI 界面。使用 DocumentContainer、Multiple Document Interface (MDI)、Tabbed Document Interface (TDI) 或 Visual Studio 风格的文档管理时可使用此技能。涵盖 WPF 应用中的文档窗口、标签组、窗口切换器、文档布局状态持久化和可停靠文档窗口。

S

syncfusion-wpf-text-input-layout

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF SfTextInputLayout 控件，为 WPF 文本输入提供浮动标签、辅助标签和输入验证 UI。适用于添加浮动标签、自定义输入容器样式，或显示验证/帮助文本。

S

syncfusion-wpf-timespan-editor

syncfusion / wpf-ui-components-skills

介绍如何实现用于输入时间间隔的 Syncfusion WPF TimeSpanEdit（TimeSpan Editor）控件。在创建时间间隔输入、捕获 Days:Hours:Minutes:Seconds 值、构建时间间隔编辑器，或实现支持键盘和鼠标输入的时间范围控件时使用此技能。涵盖设置、格式化、用户交互、限制和样式。

S

syncfusion-wpf-toolbar

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF ToolBarAdv 控件，以构建可自定义的工具栏布局。在创建自定义位置的工具栏、处理溢出项目、实现浮动或停靠状态，或集成 ToolBarManager 以支持多位置布局时使用。涵盖带区定位、拖动手柄控件、按钮添加/移除功能以及动态状态管理。

S

syncfusion-wpf-treegrid

syncfusion / wpf-ui-components-skills

全面介绍如何在 Windows Presentation Foundation 应用中实现 Syncfusion WPF TreeGrid (SfTreeGrid) 控件。适用于以可展开的树形结构在网格中显示层级数据或自关联数据。支持列配置、层级数据排序和筛选、编辑树节点、单元格合并、导出和条件样式设置。

T

tuzi-slide-deck

tuziapi / tuzi-skills

根据内容生成专业幻灯片图片。创建包含风格说明的大纲，然后逐张生成幻灯片图片。当用户要求“创建幻灯片”“做 PPT”“生成演示文稿”或“slide deck”时使用。

T

typography

petekp / claude-code-setup

应用专业的排版原则，创建易读、层次分明且美观的界面。适用于设置字号比例、选择字体、调整间距、设计文字密集的布局、实现深色模式排版，或被问及可读性、字体搭配、行高、文本宽度、排版层级、可变字体、字体加载或 OpenType 特性时。

U

ui-animation

nexu-io / open-design

实现、审查并测量 UI 动效。条件允许时，使用内置的帧提取、跟踪和曲线拟合工具，根据录屏还原缓动、弹簧效果和手势。

U

ui-ux-pro-max-skill

dokhacgiakhoa / agent-skills-4-vibe-coding-cli

高端设计与微交互工具包

U

ux-specification

abhsin / designskills

将 PRD 转换为详细的 UX 规范，包括用户流程、屏幕描述、组件和交互模式。适用于用户已有 PRD，需要在生成开发提示词前明确具体的 UI/UX。连接产品需求与实现细节。

A

accessibility-a11y

travisjneuman / .claude

WCAG 2.2 合规性、ARIA 模式、键盘导航、屏幕阅读器、自动化测试

A

axe-rules

mgifford / accessibility-skills

配置 axe-core 扫描、审查自动化无障碍测试结果，或编写使用 @axe-core/playwright、@axe-core/react 等集成的测试时，加载此技能。提供 axe 4.x 规则 ID、对应的 WCAG 映射和默认严重级别速查。

用于 Blossom Carousel Svelte 或 SvelteKit 的安装、样式表设置、Svelte 示例、Tailwind 示例、无障碍指导、导航控件（BlossomPrev、BlossomNext、BlossomDots、BlossomDot）、命令事件、过度滚动事件及 Svelte 专属集成。