Skills

R

review-a11y

maxgfr / ultra11y

用于审查变更后的前端代码的可访问性：暂存文件、工作区 diff、分支或 PR；例如「review a11y」「is this accessible?」或「anything to fix before merge?」等提示；以及针对某次变更的 hook 或 CI 发现。运行内置的免安装引擎，进行跨文件 JSX/TSX 分析，然后裁定候选项，返回按严重程度排序的 WCAG 2.2 AA 审查，包含 file:line 修复建议、残余渲染风险和结论。若需整仓审计、带日期的合规报告、国家标准、PRD 待办列表或编写可访问标记，请改用 `ultra11y`。

S

scroll-and-webgl

paragonhq / stealth-skills

控制预算的视觉表现。滚动驱动动画优先使用原生 CSS，必要时使用 GSAP ScrollTrigger；使用 Lenis 平滑滚动并判断何时关闭；还包括分段文本显现、固定场景、符合性能预算的 canvas 和 WebGL、作为材质的着色器、屏幕外暂停、加载策略，以及保持页面可读的减少动态效果和无 JS 降级方案。用于营销页面、作品集、发布页面和主视觉区，绝不用于产品 UI。

S

shopify-polaris-design

toilahuongg / google-antigravity-kit

使用 Polaris Design System 设计和实现 Shopify Admin 界面。在构建 Shopify 应用、Admin 扩展，或任何需要与 Shopify 原生体验一致的界面时使用此技能。

S

slides-to-pptx

tonylonga / slides-to-pptx

从零创建或转换 PowerPoint 文件，制作惊艳且动画丰富的 HTML 演示文稿，可选通过 PptxGenJS 导出 PPTX。特性包括 12 种精选样式预设、视觉样式探索、完美适配视口的幻灯片、行内编辑，以及从内容到 PowerPoint 的端到端工作流。

S

softr

membranedev / application-skills

Softr 集成。管理 Applications。当用户想要与 Softr 数据交互时使用。

S

static-page-stack

terrylica / cc-skills

适用于优雅、可控、语义化静态 HTML 页面（仪表盘、复盘报告、技术调查文档）的 SOTA 技术栈推荐，

S

stitch-nextjs-components

gabelul / stitch-kit

将 Stitch 屏幕、本地 HTML 文件或 URL 转换为可用于生产的 Next.js 15 App Router 组件——服务端与客户端拆分、通过 CSS 变量实现深色模式、TypeScript 严格模式、ARIA 以及移动优先的响应式布局。只有 Stitch 路由需要 API key。

S

stitch-ui-design-spec-generator

gabelul / stitch-kit

将用户请求或 PRD 文档转化为结构化的 Design Spec JSON —— 主题、颜色、排版、密度和设备类型。在构建 Stitch 生成提示词之前调用。

S

style-dictionary

dylantarre / design-system-skills

将设计 token 转换为平台特定格式（CSS、SCSS、iOS Swift、Android XML）。适用于搭建多平台 token 流水线、创建构建流程，或管理跨平台设计系统。

S

styling-system

mgd34msu / goodvibes-plugin

当任务涉及 CSS 架构、主题化或视觉设计系统时主动加载。当用户说「设置 Tailwind」「添加深色模式」「创建设计系统」「让它适配响应式」或「配置主题」时使用。涵盖 Tailwind 配置与自定义插件、设计令牌系统、响应式断点策略、深色模式实现、组件变体模式（CVA/class-variance-authority）、CSS-in-JS 替代方案以及动画模式。

S

surface

paragonhq / stealth-skills

界面中的色彩、层级和材质。适用于深色和浅色模式的中性色板、语义令牌、按主题选择边框或阴影、Alpha 叠加、达标的对比度、克制使用单一强调色、玻璃效果与模糊预算，以及无闪烁的主题切换。用于构建色板、添加深色模式、修复看起来“浑浊”“廉价”“平淡”或“褪色”的颜色，或在某个主题下阴影和边框效果不佳时。

S

svg-figure

neuromechanist / research-skills

当用户要求"创建 SVG 图""制作示意图""绘制图表""创建示意图""绘制流程图""绘制过程流程""绘制工作流""绘制工作流图""制作 SVG 示意图""创建过程图""创建管道图""创建框图""绘制系统图""绘制系统架构图""让此 SVG 可在 Illustrator 中编辑""为 Affinity Designer 准备 SVG""编辑器交接""Illustrator 友好型 SVG""把图交接给设计师"，或希望获得带形状、箭头和标签、且可由 figure-qa Agent 验证的手写或编程生成的 SVG 时，应使用此技能。**对于新的 Python 驱动的图形，请改走 `figures:svg-primitives`**，此技能是约定与手写参考。输出为 SVG 文件，可作为面板源被 scientific-figure composer 加载；`scripts/editor_prep.py` 会将任何完成的 SVG 改写为适配 Illustrator/Affinity 交接的编辑器安全方言。

S

svg-illustrator

zxhfighter / skills-hub

为文章、概念或技术文档创作原生 SVG 艺术插画。支持多种风格（架构图、概念图、流程图），确保在 Obsidian 中完美渲染。

S

swiftui-ui-patterns

sickn33 / agentic-awesome-skills

为导航、sheet、异步状态和可复用页面应用经过验证的 SwiftUI UI 模式。

S

syncfusion-maui-toolkit-accordion

syncfusion / maui-toolkit-ui-components-skills

实现 Syncfusion .NET MAUI Accordion（SfAccordion）——一个带有堆叠标题、可纵向折叠面板以展开/折叠内容。在 .NET MAUI 应用中处理手风琴、可折叠面板、可展开列表、带详情的员工列表或 FAQ 部分时使用。涵盖 AccordionItem 配置、展开模式和分组内容显示。

S

syncfusion-maui-toolkit-bottom-sheet

syncfusion / maui-toolkit-ui-components-skills

实现 Syncfusion .NET MAUI Bottom Sheet（SfBottomSheet）控件，涵盖状态管理、内容配置、手势支持和自定义。涵盖滑动内容面板的设置、内容绑定、状态转换、样式、事件和交互模式。

S

syncfusion-maui-toolkit-button

syncfusion / maui-toolkit-ui-components-skills

实现并自定义 Syncfusion .NET MAUI Button（SfButton）控件。在处理 MAUI 按钮、SfButton 实现、按钮自定义或视觉状态时使用。涵盖按钮图标、背景图片、RTL 支持、自定义按钮视图、按钮样式、事件和可选按钮。

S

syncfusion-maui-toolkit-cards

syncfusion / maui-toolkit-ui-components-skills

实现 Syncfusion .NET MAUI Cards（SfCards），包括可关闭卡片视图和可滑动卡片堆叠。适用于在 .NET MAUI 中使用卡片、卡片视图、卡片布局、可滑动卡片、可关闭卡片或卡片堆叠。涵盖卡片自定义、卡片事件、卡片数据绑定，以及支持滑动功能的交互式卡片组件。

S

syncfusion-maui-toolkit-carousel

syncfusion / maui-toolkit-ui-components-skills

实现 Syncfusion .NET MAUI Carousel (SfCarousel)，用于浏览图像数据或内容集合。适用于实现轮播控件、填充轮播项或配置视图模式（linear/default）。涵盖动画、加载更多功能、UI 虚拟化、变换和滑动事件。

S

syncfusion-maui-toolkit-getting-started

syncfusion / maui-toolkit-ui-components-skills

Syncfusion® .NET MAUI Toolkit 入门。涵盖 Android、iOS、macOS 和 Windows 应用的安装、跨平台能力、系统要求和开发环境搭建。

S

syncfusion-winui-calendar-date-picker

syncfusion / winui-ui-components-skills

实现用于通过日历下拉进行日期选择的 Syncfusion WinUI Calendar Date Picker (SfCalendarDatePicker) 控件。在 WinUI 桌面应用中构建日历日期选择器、日期输入控件或下拉日历界面时使用。本技能涵盖日期限制、禁用日期、日历本地化、周数和自定义。

S

syncfusion-winui-cartesian-charts

syncfusion / winui-ui-components-skills

为在 WinUI 应用中进行数据可视化而实现 Syncfusion WinUI Cartesian Charts (SfCartesianChart)。在处理柱状图、折线图、条形图、面积图或金融图表（OHLC、Candle）时使用。本技能涵盖轴配置、图例、工具提示、缩放/平移、数据标签，以及用于大型数据集的高性能快速系列。

S

syncfusion-winui-color-picker

syncfusion / winui-ui-components-skills

指导在 WinUI 应用中实现 Syncfusion SfColorPicker 控件。在实现颜色选择器 UI、使用 RGB/HSV/HSL/CMYK 模型的纯色选择或渐变画笔（线性和径向）时使用本技能。涵盖 WinUI/WinUI 3 项目中的色谱自定义、不透明度控制、画笔模式切换和颜色值管理。

S

syncfusion-winui-date-picker

syncfusion / winui-ui-components-skills

为桌面应用实现 Syncfusion WinUI DatePicker (SfDatePicker) 控件，用于日期输入与选择。当构建日期输入控件、日历下拉选择器或日期选择界面时使用。本 skill 涵盖日期限制、日期格式、日历类型、下拉微调器、本地化以及 WinUI 应用的禁止选择日期。

S

syncfusion-winui-dropdown-color-picker

syncfusion / winui-ui-components-skills

指导实现用于通过下拉进行交互式颜色选择的 Syncfusion WinUI DropDown Color Picker 控件。在 WinUI 应用中实现下拉式颜色选择、颜色编辑模式（RGB/HSV/HSL/CMYK/Hex）、可自定义的下拉位置、拆分按钮模式或颜色选择器浮出控件自定义时使用本技能。

S

syncfusion-winui-funnel-chart

syncfusion / winui-ui-components-skills

实现 Syncfusion WinUI Funnel Chart (SfFunnelChart)，用于可视化流程或工作流中各阶段的数据。当在 WinUI 应用中处理漏斗图、转化漏斗、销售管道或流程阶段分析时使用。本 skill 涵盖基于阶段的指标、数值递减的层级数据表示，以及跨连续阶段数据值逐步减少的可视化呈现。

S

syncfusion-winui-kanban-board

syncfusion / winui-ui-components-skills

实现 Syncfusion WinUI Kanban (SfKanban) 控件，用于工作流可视化与任务管理。当在 WinUI 应用中构建看板、敏捷项目跟踪或工作流管理系统时使用。本 skill 涵盖卡片、列、泳道、WIP 限制、拖放、工作流、排序、事件以及自定义。

S

syncfusion-winui-radial-gauge

syncfusion / winui-ui-components-skills

为桌面应用实现 Syncfusion WinUI Radial Gauge (SfRadialGauge) 组件，用于环形数据可视化。当处理径向仪表、速度表、温度监控器或仪表盘刻度盘时使用。本 skill 涵盖轴配置、多种指针类型（needle、shape、content、range）、带渐变的范围、标注、动画以及交互式拖动，适用于 WinUI/.NET 桌面应用。

S

syncfusion-winui-rating

syncfusion / winui-ui-components-skills

指导如何实现 Syncfusion WinUI Rating (SfRating) 控件，以在数值刻度上收集用户评分和反馈。当在 WinUI 3 中实现星级评分、用户评价或反馈收集时使用。本 skill 涵盖精度模式（full、half、exact）、自定义模板、工具提示以及只读评分显示。

S

syncfusion-winui-segmented-control

syncfusion / winui-ui-components-skills

指导如何实现 Syncfusion WinUI Segmented Control，以创建互斥的选项选择器。当在 WinUI 应用中实现分段控件、分段选择器、选项卡选择器或互斥选项选择器时使用。对于基于分段的导航、筛选开关、视图切换器、单选按钮组，或任何需要在 2 个及以上选项中互斥选择的场景都至关重要。

S

syncfusion-winui-shimmer

syncfusion / winui-ui-components-skills

指导如何实现 Syncfusion WinUI Shimmer 控件以显示加载占位符和骨架屏。当在 WinUI 应用中实现微光效果、骨架屏、内容加载动画或数据获取期间的加载占位符时使用。对于提升异步操作、列表加载、个人资料加载、文章加载或任何需要视觉反馈的内容加载场景中的感知性能至关重要。

T

tailwindcss-layout

fusengine / agents

在构建 flex 或 grid 布局、定位元素（absolute/relative/fixed/sticky）、管理 z-index/inset 或使用 @container 查询时使用。

T

tailwindcss-layout

fusengine / claude-plugins

通过认知自动化和协作式 Agent 系统重新定义开发。

T

text-animation-copier

andchir / remotion-animations

使用 Remotion 从视频示例中复制并重现文字动画。该技能会分析视频帧，识别文字动画模式（时序、运动、样式、效果），并生成对应的 Remotion React 组件。当用户要求从视频样本中复刻、复制或重现文字动画时使用。

T

to-artifact

angusfretwell / skills

以内部风格将页面发布为 Artifact。在被要求提供 artifact，或被要求以 artifact 形式提供报告、简报、计划、对比、仪表盘或工具时使用。

T

tvos

fusengine / agents

在构建 Apple TV 应用时使用——基于焦点的导航、Siri Remote 交互或媒体/视频流式 UI。

T

tvos

fusengine / claude-plugins

通过认知自动化和协作式 Agent 系统重新定义开发。

U

ui_ux_pro_max

krishnakanthb13 / antigravity_global_skills

UI/UX 设计智能，提供可搜索的模式、风格与技术栈数据库。

U

ui-development

redpanda-data / console

使用 Redpanda Registry 组件、Tailwind v4 和可访问性最佳实践构建 UI。

U

ui-ux-pro-max

makerjackie / jackie-skills-starter

QUERY LENGTH LIMIT EXCEEDED. MAX ALLOWED QUERY : 500 CHARS

U

user-persona-creation

nicepkg / ai-workflow

基于研究和数据创建详细的用户画像。构建真实的目标用户形象，以指导产品决策并确保以用户为中心的设计。

U

user-research

nicepkg / ai-workflow

用于产品发现中的用户研究方法、客户洞察收集与问题验证。

U

usersketch

membranedev / application-skills

UserSketch 集成。管理数据、记录并自动化工作流。当用户需要与 UserSketch 数据交互时使用。

U

ux-reviewer

niekcandaele / skills

用户体验专家，评估所有面向用户的输出是否清晰易用

V

valaxy

yunyoujun / valaxy

Valaxy 静态博客框架，使用 Vue 3、Vite 和 pnpm workspaces 构建。在以下情况使用：处理 Valaxy 项目时：(1) 创建或配置 Valaxy 博客站点（site.config.ts、valaxy.config.ts），(2) 使用 frontmatter 撰写博客文章，(3) 开发 Valaxy 主题（valaxy-theme-*），(4) 开发 Valaxy 插件（valaxy-addon-*），(5) 自定义组件/布局/样式，(6) 处理 Valaxy monorepo 核心框架，(7) 调试 Valaxy 构建或开发服务器，(8) 部署 Valaxy 站点。触发于：valaxy.config.ts、site.config.ts、theme.config.ts、defineValaxyConfig、defineSiteConfig、defineThemeConfig、defineTheme、defineAddon、valaxy-theme-*、valaxy-addon-*、pages/posts/、ValaxyMain、useSiteConfig、useFrontmatter、#valaxy/config。

无需触碰任何滑块，即可获得可直接发布的导出视频文件。上传你的设计素材、视频片段（MP4、MOV、PNG、WebM，最大 500MB），说出类似“把我的 Figma 设计稿转换成带转场的流畅产品演示视频”的要求，完成后下载 1080p MP4。专为节奏快、希望无需切换到视频编辑器就能把 Figma 设计呈现为视频的 UI/UX 设计师和产品团队打造。

V

visual-debug

voidmatcha / ui-clone-skills

使用 AE/SSIM、像素、区块、计算样式和过渡差异，诊断现有实现与参考证据不一致的原因。用于实现后的差异诊断或修复指导；不用于基线采集或完整克隆生成。

V

visual-note-card

beilunyang / visual-note-card-skills

生成专业的中文视觉笔记卡片（视觉笔记卡片/信息图）作为单页 HTML 信息图，并自动导出 PNG。只要用户要求创建视觉笔记、知识卡片、信息图、一页纸总结、视觉总结、知识卡片、视觉笔记、信息图、一页纸总结，或任何海报式知识可视化，就使用本技能。当用户想把一篇文章、博客文章、书籍章节或概念总结为结构化的视觉卡片格式，或引用现有视觉笔记并要求以相同风格创建时，也应触发。本技能同时产出独立的 HTML 文件和高质量 PNG 图片，可用于社交媒体分享或打印。

W

weasyprint-pdf-creation

slapash / weasyprint-pdf-skill

在使用 WeasyPrint 从自有 HTML/CSS 模板创建设计感 PDF 时使用。涵盖发票/报告/提案/简报/收据/对账单模板、渲染脚本、示例库、字体指南，以及针对页面尺寸、警告、溢出、提取和视觉布局的 QA 检查。

W

web-asset-generator

jackspace / claudeskillz

生成 Web 资源，包括网站图标、应用图标（PWA）和 Facebook、Twitter、WhatsApp、LinkedIn 的社交媒体元图像（Open Graph）。用户需要从徽标或文本标语生成图标、网站图标、社交分享图像或 Open Graph 图像时使用。支持图像调整大小、文本转图像生成，并提供正确的 HTML 元标签。

W

web-css

alexanderstephenthompson / claude-hub

原生 CSS 的 CSS 架构——组织、设计 token、响应式模式。

W

winforms

managedcode / dotnet-skills

构建、维护或现代化 Windows Forms 应用，提供关于设计器驱动 UI、事件处理、数据绑定、MVP 分离以及迁移到现代 .NET 的实用指导。USE FOR: 处理 Windows Forms UI、事件驱动工作流或经典 LOB 应用；将 WinForms 从 .NET Framework 迁移到现代 .NET；清理过大的窗体代码。DO NOT USE FOR: 无关的技术栈；不需要此特定指导的通用任务。INVOKES: 检查仓库上下文、编辑目标文件，并在做出更改时运行相关的构建、测试、lint 或验证命令。

当设计师接手 Task issue 以添加设计覆盖时应使用此 skill。触发短语如 "I want to design task #X"、"help me add Figma references to this task"、"create a component spec for this feature"、"what UI states need design coverage"、"scaffold the design reference section"、"what components do I need for this task"、"which Figma frames cover this ticket"、"add design coverage to task #X"、"does task #X have design coverage" 或 "link designs to this task"。处理探索设计系统、从 Gherkin 场景推导 UI 状态，并向 issue 写回结构化 Design Reference。

擅长构建 Web 3D 体验，使用 Three.js、React Three Fiber、Spline、WebGL 和交互式 3D 场景。涵盖产品配置器、3D 作品集、沉浸式网站，以及为 Web 体验增添纵深感。适用于：3D 网站、three.js、WebGL、react three fiber、3D 体验。

A

academic-figure-draft-analyzer

azhi-ss / academic-figure-skills

为论文草稿、Markdown 笔记、大纲、手稿、PDF 或论文网页规划有证据支撑的图表。既支持针对 Markdown 笔记的 Draft-to-Figure 快速通道，也支持面向完整手稿的多图表综合规划。

A

admin-settings-ia-review

sylphxai / skills

设计与审计管理员设置的信息架构、工作区控制、角色和权限设置、账单/管理分离、安全设置、默认值、可审计性、危险操作、策略继承、团队管理和企业管理员 UX。在为 SaaS、开发者工具、市场、桌面应用或多用户产品构建设置时使用。

A

agent-ui

paragonhq / stealth-skills

构建模型参与交互的界面：避免布局抖动的流式文本、思考与推理状态、工具调用及其状态、审批、引用、输入区、停止与重新生成、滚动固定、Markdown 渲染、延迟掩饰，以及如实说明系统正在执行的操作。适用于构建聊天、智能副驾、Agent 仪表板、产品内 AI 功能，或任何实时展示模型输出的界面。

A

agentation

petekp / claude-code-setup

将 Agentation 可视化反馈工具栏添加到 Next.js 项目中

A

ai-image-generation

3d-ai-studio / superpowers

通过 inference.sh CLI 使用 GPT-Image-2、FLUX、Gemini、Grok、Seedream、Reve 和 50 多种模型生成 AI 图像。模型：GPT-Image-2、FLUX Dev LoRA、FLUX.2 Klein LoRA、Gemini 3 Pro Image、Grok Imagine、Seedream 4.5、Reve、ImagineArt。功能：文本生成图像、图像生成图像、图像修补、LoRA、图像编辑、超分辨率、文本渲染。用途：AI 艺术、产品模型图、概念艺术、社交媒体图形、营销视觉素材、插画。触发词：flux、image generation、ai image、text to image、stable diffusion、generate image、ai art、midjourney alternative、dall-e alternative、text2img、t2i、image generator、ai picture、create image with ai、generative ai、ai illustration、grok image、gemini image、gpt image、openai image、chatgpt image

A

alterlab-vcd-ui-designer

alterlab-ieu / alterlab-fc-skills

当用户询问 "UI design"、"user interface design"、"wireframing"、"wireframe"、"design system"、"component library"、"app design"、"web interface design"、"mobile UI"、"atomic design"、"8pt grid"、"Material Design"、"Human Interface Guidelines"、"HIG"、"design tokens"、"responsive design"、"act as a UI designer"、"UI designer mode"、"interface patterns"、"UI kit"、"navigation design"、"form design"、"dashboard layout"、"button styles"、"input fields"、"card components"、"modal design"、"design handoff"，或需要在应用与网页界面设计、线框图、设计系统与组件库方面的专业知识时，应使用本技能。属于 AlterLab FC Skills 集合（VCD 系）。