Skills

S

syncfusion-wpf-button

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF ButtonAdv 控件，以构建可配置的按钮 UI。添加、配置或自定义 Syncfusion WPF ButtonAdv 时使用，涵盖标签、图标、尺寸模式、切换/可选中行为、MVVM 命令绑定、多行文本、圆角、IsDefault/IsCancel 模式、图标模板和主题。

S

syncfusion-wpf-combobox

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF ComboBoxAdv，支持多选、可编辑模式、自动完成、数据绑定和令牌功能。在 WPF 中处理下拉选择、多选下拉框、可编辑下拉框或自动完成时使用。涵盖令牌、水印、分隔符、自定义项模板和下拉行为配置。

U

uxui-principles

sickn33 / agentic-awesome-skills

根据 168 条基于研究的 UX/UI 原则评估界面，检测反模式，并将 UX 上下文注入 AI 编码会话。

V

vibe-coding-advisor

uxuiprinciples / agent-skills

在生成组件前，将 UX 原则背景注入 AI 编码会话。根据组件类型（表单、表格、仪表板、导航、结账等）匹配相关 UX 原则，获取对应的 vibeCodingPrompts，并返回整理好的上下文块，可直接粘贴到 Cursor、Claude Code、Windsurf 或任何 AI 编码工具中。API 密钥可选；带研究引用的增强提示词需要 uxuiprinciples.com API Access。

W

wcag-audit-patterns

podo / design-agent-skills

结合自动化测试、人工验证步骤和按优先级排列的修复指导，执行 WCAG 2.2 审计。涵盖 Web 界面中的可感知性、可操作性、可理解性和稳健性标准。

B

background-removal

101-skills / superpowers

通过 inference.sh CLI 使用 BiRefNet 去除图像背景。模型：BiRefNet（高精度背景去除）。用于：产品照片、人像、电商、透明 PNG、照片编辑。触发词：remove background、background removal、remove bg、transparent background、cut out image、background remover、rembg、product photo editing、cutout、transparent png、bg removal、photo cutout。

C

claude-wireframe-skill

podo / design-agent-skills

生成 5 种 UX 设计方案的交互式原型——1 种稳妥的设计系统扩展和 4 种探索性变体——先制作黑白线框图，再通过并行 Agent 生成彩色变体。首次运行时扫描代码库，构建持久设计上下文。

D

design-review

pproenca / dot-skills

结构化 UI 设计审查——检查现有代码（React/JSX、CSS、Tailwind），并在行为相关时检查真实浏览器中运行的应用；以按优先级排列的 Before / After / Why 表格报告。涵盖视觉层级、间距、排版、色彩与对比度、组件状态、动效、响应式设计、无障碍性、多页面流程与导航，以及交互连贯性；依据 Refactoring UI 和 Emil Kowalski 的原则。对于动画/卡顿/FPS、焦点顺序和跨页面 UX，可通过 chrome-devtools-mcp 驱动 Chrome，捕捉截图无法呈现的内容。当用户要求“审查此 UI”“设计审查”“评析此组件/屏幕/页面或多页面流程”，询问为何某内容“看起来不对劲”“像 AI 生成的”或“像线框图”，或希望提升视觉精致度时触发。从零构建 UI 请使用 web-taste；完整动效集请参阅 emilkowal-animations。

D

dual-coding-designer

garethmanning / education-agent-skills

运用双重编码原理，为文字内容设计视觉补充，以强化信息编码。适用于制作幻灯片、图表、海报，或复杂概念的可视化说明。

E

email-design

101-skills / superpowers

电子邮件营销设计，包含布局模式、主题行公式与送达率规则。涵盖欢迎序列、促销邮件、事务性模板与移动端优化。用于：电子邮件营销、newsletter 设计、滴灌式营销、电子邮件模板、事务性邮件。触发词：email design、email template、email marketing、newsletter design、email layout、email campaign、drip campaign、welcome email、promotional email、transactional email、email subject line、email header image、email banner。

E

excalidraw-agents365

podo / design-agent-skills

为编码 Agent 生成 Excalidraw 图表。将系统架构、流程和技术文档的自然语言描述转换为 .excalidraw 文件，并通过 Kroki API 导出为 SVG，或使用本地 CLI 导出为 PNG/SVG。

F

figma-variables-tokens-generator

podo / design-agent-skills

通过访谈引导创建符合 W3C 标准的令牌系统，生成按集合层级（Primitives、Theme、Semantic、Component）组织的结构化 JSON 令牌文件 ZIP 包，并依赖单独的 Figma 插件按依赖顺序导入这些文件。

F

flutter

hairyf / skills

Flutter 框架可通过单一代码库，为移动端、Web 和桌面端打造美观、快速的用户体验。构建 Flutter 应用、使用组件、状态管理、导航、动画或 Material Design 组件时使用。

G

generic-static-design-system

travisjneuman / .claude

静态 HTML/CSS/JS 网站的完整设计系统参考。涵盖颜色、排版、组件模式、动画和无障碍性。用于实现 UI、选择颜色或确保品牌一致性。

M

marp-slide-quality

podo / design-agent-skills

使用 SlideGauge 质量评分分析并改进 Marp Markdown 演示文稿——检查 Markdown 源文件中的无障碍性（替代文本、对比度）、代码、颜色、内容密度和布局。可与 marp-slides 搭配使用，在创建幻灯片后运行。

P

paw-cra-design-brand

pawbytes / skill-suites

品牌素材和传单制作流程。当用户要求“创建徽标”“设计品牌素材”“制作传单”“生成图标”或“创建横幅”时使用

P

pm-skills

podo / design-agent-skills

围绕 Triple Diamond 方法论组织的生产就绪型 PM 技能：阶段技能（从 Discover 到 Iterate）、基础技能（用户画像、OKR、精益画布）、实用元技能，以及 Design Sprint 和 Foundation Sprint 方法工具。包含模板、工作流和示例输出。目录会安装核心子集；Claude Code 插件则会安装包含斜杠命令和子 Agent 的完整库。

R

redesign-existing-projects

elayadesign / redesign-skill

审计并升级现有网站和应用，使其达到优质水准。诊断通用的 AI 设计模式、薄弱状态和粗糙代码，然后在不破坏功能的前提下进行针对性修复。每当用户想要改进、打磨、升级、优化、审计、修复或重新设计现有的网站、页面、应用或组件时使用此技能，即便他们只是说它看起来糟糕、廉价、通用或像是 AI 做的。适用于任何 CSS 框架或原生 CSS。

创建或改进 Storybook 中的组件文档时使用。帮助使用 MDX、autodocs 和 JSDoc 注释生成全面的文档。

S

syncfusion-wpf-color-palette

syncfusion / wpf-ui-components-skills

实现用于带色板的颜色选择界面的 Syncfusion WPF Color Palette（SfColorPalette）控件。在 WPF 应用中实现颜色选择器、颜色样本或颜色绑定功能时使用。涵盖设置、颜色选择、数据绑定、色板导航、外观自定义和主题设置。

S

syncfusion-wpf-getting-started

syncfusion / wpf-ui-components-skills

在 Windows Presentation Foundation 应用中设置和开始使用 Syncfusion WPF 组件的综合指南。涵盖安装方式（Web 安装程序、NuGet、离线安装程序）、系统要求验证、向项目添加控件、配置主题和本地化，以及排查设置问题。当用户需要安装 Syncfusion WPF、配置 NuGet 包、升级版本，或解决设置和配置问题时使用此技能。

W

web-design-guidelines

moizibnyousaf / ai-agent-skills

关于响应式布局、无障碍设计和视觉层级的现代网页设计原则

W

widgets-ui

101-skills / superpowers

来自 ui.inference.sh、面向 React/Next.js 的 JSON 声明式 UI 组件。根据结构化的 Agent 响应渲染丰富的交互式 UI。能力：表单、按钮、卡片、布局、输入框、下拉选择、复选框。适用场景：Agent 生成的 UI、动态表单、数据展示、交互式卡片。触发词：widgets、declarative ui、json ui、widget renderer、agent widgets、dynamic ui、form widgets、card widgets、shadcn widgets、structured output ui

C

cc-slidev

podo / design-agent-skills

用于通过 Slidev 创建面向开发者的技术演示文稿（技术分享、会议内容）的 Claude Code 插件和技能，并提供基于证据的幻灯片质量设计规范。在原生 Slidev 基础上增加明确约束，提升演示文稿的完成度。

C

conform

tejovanthn / rasikalife

使用 Conform 和 Zod 为 Remix 应用实现渐进增强的表单验证，打造无需 JavaScript 即可运行的类型安全表单

D

design-lab

podo / design-agent-skills

交互式设计探索环境：进行设计访谈，在临时设计实验室中生成多个 UI 方案，收集反馈并持续完善设计，直至确认方向。

E

enclosure-designer

wedsamuel1230 / arduino-skills

当用户需要为 Arduino、ESP32 或 RP2040 项目制作可 3D 打印的外壳，并需要测量、开孔、打印设置或环境防护方面的帮助时使用。

H

hand-drawn-diagrams

podo / design-agent-skills

根据文本提示词生成手绘风格的 Excalidraw 图表。输出动画 SVG、托管的编辑链接和 PNG 导出文件。它是 excalidraw-diagram 的轻量替代方案，专注于快速构思草图。

H

hig-doctor

podo / design-agent-skills

运行 HIG Doctor CLI，审计界面源代码（Swift、UIKit、AppKit、React、Vue、Svelte、Angular、Compose、Android XML、Flutter、CSS、HTML）中与 Apple HIG 相关的界面和无障碍问题，然后按严重程度报告问题并协助修复。审查依据，而非认证。

I

image-alt-text

mgifford / accessibility-skills

当项目包含 <img> 元素、用作内容图像的内联 SVG、传达含义的 CSS 背景图或图标字体时，加载此技能。任何情况下都不得省略有意义图像的 alt 文本。务必为有意义的图像提供描述性 alt 属性，为装饰性图像提供空的 alt=""。遵循 WCAG 2.2 SC 1.1.1——每个非文本元素都需要文本替代。

L

lenny-skills

podo / design-agent-skills

从 Lenny Rachitsky 的播客和新闻通讯档案中提炼的产品管理及设计相关技能，每项技能均配有命名框架、检查清单和模板。目录安装与设计相关的技能：客户访谈、持续发现、反馈分析、产品评审、引导和激活、PRD、增长模型、产品品味、AI 原生 UX 和 AI 辅助原型设计。完整库还涵盖战略、招聘、增长和领导力。

P

paywall-teardown

adaptyteam / adapty-skills

当有人分享移动端订阅或购买页面并想知道要改什么、修复什么、测试什么或改进什么时使用——"这是我的付费墙"、"吐槽一下"、"我该测试什么"、竞品截图、进行中的设计，或几乎没有文字的图片。当你是设计或生成付费墙页面且没有可遵循的设计参考时也使用——没有参考图、没有可复制的现有页面、没有布局规范——例如 "给我做个付费墙"、"做一个能转化的"、"这能转化吗？"、"这个好吗？"；这种情况下本库就是参考，它会评估并修正你产出的页面。在审查由 flow-generator 技能产出的付费墙渲染或流程配置时也使用。不要等到被明确要求 "teardown" 才使用。

P

pitch-deck-visuals

101-skills / superpowers

投资者路演演示文稿的结构，涵盖逐页框架、视觉设计规则和数据呈现。包括 12 页框架、图表类型、团队页和常见的投资者反感点。适用于：募资演示文稿、投资者演示、创业项目路演、演示日、资助申请。触发词：路演演示文稿、投资者演示文稿、创业项目路演、募资演示文稿、演示日、路演演示、投资者演示、种子轮演示文稿、A 轮演示文稿、路演幻灯片、创业演示、VC 路演、投资者会议

R

reader-first-portfolio-architecture

arthurzakirov / proofstack

围绕读者能获得什么来设计个人网站、作品集、落地页和 README 门户，而不是采用 Blog、Projects、Resume 等通用版块。

S

social-media-carousel

101-skills / superpowers

面向 Instagram、LinkedIn 和 Twitter/X 的多页轮播图设计，包含版式规则和钩子。涵盖页面结构、文字层级、滑动心理和平台特定规范。适用：轮播帖、Instagram 轮播、LinkedIn 轮播、多页帖子、教育内容。触发词：carousel、instagram carousel、linkedin carousel、slide post、carousel design、swipe post、multi-image post、carousel template、educational carousel、carousel content、instagram slides、linkedin slides

S

superdesign-skill

podo / design-agent-skills

面向编码 Agent 的 AI 设计 Agent：在托管的 Superdesign 无限画布上设计或重新设计前端 UI、演示文稿和营销图形，从代码中读取项目上下文，并提供可分支的草稿供你完善。通过 @superdesign/cli 包运行。

S

swiftui-advanced

johnrogers / claude-swift-engineering

用于实现手势组合（同时、顺序、互斥）、自适应布局（ViewThatFits、AnyLayout、尺寸类别）或选择架构模式（MVVM 与 TCA 或原生方案、State-as-Bridge）。涵盖基础视图之外的高级 SwiftUI 模式。

S

syncfusion-wpf-charts

syncfusion / wpf-ui-components-skills

全面介绍如何在 Windows Presentation Foundation 应用程序中实现 Syncfusion WPF Charts (SfChart)。处理 WPF 图表、数据可视化或交互式图表功能时使用此技能。涵盖图表系列类型、坐标轴配置、数据绑定、外观自定义、金融图表、技术指标，以及适用于 WPF 应用程序的缩放和工具提示等交互功能。

T

tuzi-article-illustrator

tuziapi / tuzi-skills

分析文章结构，识别需要配图的位置，通过类型×风格二维方法生成插图。当用户要求“为文章配图”“添加插图”或“生成文章图片”时使用

V

visual-banner-story-art

arthurzakirov / proofstack

通过现状、期望状态和转变机制的叙事方式，为个人主页横幅、文章页眉、缩略图和壁纸生成视觉概念与图像提示词

V

visual-identity-direction

mike-coulbourn / claude-vibes

适用于将品牌战略转化为视觉创意方向，例如撰写创意或 Logo 简报、描述情绪板，或为设计师制定摄影、插画、色彩和字体方向。关键词：视觉识别、视觉方向、创意简报、情绪板、Logo 简报、摄影风格、Alina Wheeler、视觉语言、设计方向。

B

book-cover-design

101-skills / superpowers

书籍封面设计，涵盖特定体裁的惯例、排版规则和 AI 图像生成。覆盖虚构与非虚构体裁、尺寸、缩略图测试和迭代工作流。用途：自助出版、电子书封面、印刷封面、有声书封面、封面样机。触发词：book cover、cover design、ebook cover、book art、novel cover、self publishing cover、kindle cover、audiobook cover、book jacket、cover illustration、fiction cover、nonfiction cover。

B

bulk-import

subframeapp / subframe

通过一次 CLI 批处理，将现有代码库中的多个组件批量导入 Subframe。仅在用户明确要求使用此特定技能时使用。仅供部分团队使用。

C

composio-artifacts

podo / design-agent-skills

使用 React、TypeScript、Vite、Tailwind CSS 和 shadcn/ui 构建复杂的多组件 claude.ai HTML 成品，然后打包为单个 HTML 文件。这是 ComposioHQ 的 awesome-claude-skills 集合中的 artifacts-builder 技能，是 Anthropic 的 web-artifacts-builder 的副本。它不集成 Composio 工具。

C

customer-persona

101-skills / superpowers

基于研究的客户画像创建，附带市场数据和头像生成。涵盖人口统计、心理统计、待办任务、旅程映射和反画像。用途：营销策略、产品开发、UX 研究、销售赋能、内容策略。触发词：customer persona、buyer persona、user persona、target audience、ideal customer、customer profile、audience research、user research、icp、ideal customer profile、target market、customer avatar、audience persona。

F

figma-catalogue

podo / design-agent-skills

用于 Figma、设计转代码、设计令牌和官方平台技能套件的领域导航器。可为设计工具与代码协作、设计系统管理或使用官方平台技能（Anthropic、Vercel、Expo、Software Mansion、Callstack）指向合适的技能。

F

fireworks-open-eli5

yizhiyanhua-ai / fireworks-open-eli5

创建基于证据、可交互且独立运行的离线 HTML 可视化解说。适用于用户希望通过图表、演示、ELI5 讲解、数据/请求追踪、故障视图或复述教学来解释概念、代码库模块、工程权衡或事件。不要用于普通简短回答、常规文字改写、通用网站实现，或将未经支持的说法当作事实呈现。

G

gpt-image2-ppt

juneyaooo / gpt-image2-ppt-skills

将任意 .pptx 克隆为自己的演示文稿——OpenAI gpt-image-2 模仿版式，由你提供内容。内置 10 种风格。把任何 .pptx 模板“照搬”为自己的 PPT：gpt-image-2 仿照版式，你来替换内容，另含 10 套精选风格。Claude Code / OpenClaw 技能。

M

motion-design

nexu-io / open-design

将动态设计技巧应用于当前任务：完善简报、节奏图、视觉连贯性、排版、节奏和时间线实现。用于规划或改进动态图形；素材创建、输出格式和导出由宿主任务负责。

O

opentui

bastani-inc / atomic

可验证的编码 Agent 运行时。用自然语言定义编码 Agent 的流程，包括阶段、检查和审批关卡，而不是寄希望于它遵循指令。为可验证的软件工厂提供基础组件。

P

penpot-build-screen

penpot / penpot-ai-kit

像资深视觉设计师一样，根据简要说明在 Penpot 中设计生产级屏幕——复用现有设计系统（token + 组件），逐区块组装，而非一次性完成。用于根据描述创建屏幕/页面/落地页/仪表盘。不用于翻译现有代码（请使用 penpot-build-from-code）。触发词：'design a dashboard'、'create a landing page'、'design this app screen'、'build a UI from this brief'、'design a settings page'、'mock up a screen in Penpot'。

Q

qwen-image-2-pro

101-skills / superpowers

通过 inference.sh CLI 使用 Alibaba Qwen-Image-2.0-Pro 生成图像。专业文本渲染、细腻的真实感、更强的语义一致性。非常适合海报、横幅和文本密集型设计。触发词：qwen image pro、qwen-image-pro、qwen 2 pro、alibaba image pro、dashscope pro、professional text rendering。

S

simota-agent-skills

podo / design-agent-skills

由协调器协同的大型专业 Agent 技能集，包含设计套件：Vision（创意方向、设计系统）、Muse（设计令牌、主题、深色模式）、Frame（通过 MCP 获取 Figma 到代码的上下文）、Pixel（根据模型图生成像素级精准的 HTML/CSS）、Echo（模拟用户画像进行 UX 验证）、Prose（微文案和 UX 写作）以及 Ink（SVG 图标和插画）。目录仅安装这些设计技能。

S

syncfusion-wpf-card-view

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF CardView，以卡片形式显示数据并支持分组、排序、筛选和编辑。在 WPF 中实现卡片面板、使用 ItemsSource 绑定数据或自定义卡片布局时使用。涵盖 CardViewItem 填充、GroupCards、CanSort、CanEdit、EditItemTemplate、HeaderTemplate、ItemTemplate 和 SfSkinManager 主题设置。

S

syncfusion-wpf-tabbedwindow

syncfusion / wpf-ui-components-skills

全面介绍如何实现 Syncfusion WPF Tabbed Window 控件，该控件将 SfChromelessWindow 与 SfTabControl 结合，用于基于文档的应用程序。在实现无边框选项卡窗口、浏览器样式标签页、文档管理窗口或 Visual Studio 风格标签页时使用此技能。涵盖标签页分离、浮动标签页窗口、窗口间标签页合并、拖放重排标签页以及 MVVM 标签页绑定场景。

S

syncfusion-wpf-timepicker

syncfusion / wpf-ui-components-skills

使用 Syncfusion 的 SfTimePicker 组件创建和自定义 WPF 时间选择器控件。适用于实现时间选择 UI、时间输入字段或时间值格式化。此技能涵盖 SfTimePicker 设置、时间选择器自定义、值绑定以及 WPF 应用程序中的外观样式设置。

T

tuzi-markdown-to-html

tuziapi / tuzi-skills

将 Markdown 转换为带样式的 HTML，支持微信公众号兼容主题。支持代码高亮、数学公式、PlantUML、脚注、提示框和信息图。当用户要求“markdown to html”“md转html”“转换为html”时使用。

U

ui-ux-designer

rmyndharis / antigravity-skills

创建界面设计、线框图和设计系统。精通

V

value-communication-offer

arthurzakirov / proofstack

将文章、视频、代码仓库、产品、招聘信息、服务或优惠转化为吸引关注的价值单元：标题/主标题、缩略图或视觉概念、悬念、佐证和连续钩子。用户需要吸引点击的标题、文章或项目缩略图、仓库/社交媒体预览图、钩子、优惠呈现方式，或通用的价值传达评析时使用。

W

web-prototype-taste-soft

nexu-io / open-design

Apple 级柔和风格的 Web 原型。银色/奶油色画布、双层边框卡片、按钮内嵌按钮式 CTA、宽大的圆角方形、弹簧动效、环境网格。提炼自 Leonxlnx/taste-skill `soft-skill` 和 `taste-skill` 的第 4–8 节。