Skills

O

og-image

dirnbauer / webconsulting-skills

生成社交媒体预览图（Open Graph）并配置元标签。使用项目现有的设计系统创建适合截图的页面，以 1200x630 尺寸截取，并设置所有社交分享元标签。

P

Pencil Basics

gyejoon / pencil-plugin

当用户询问 "pencil 사용법"、".pen 파일"、"노드 타입"、"레이아웃 시스템"、"pencil mcp"、"batch_design"、"batch_get"，或想了解如何处理 Pencil 设计文件时，应使用本技能。为有效使用 Pencil MCP 工具提供全面指导。

P

pendo

membranedev / application-skills

Pendo 集成。管理指南、细分、页面、功能、反馈和投票。当用户希望与 Pendo 数据交互时使用。

P

polish

paragonhq / stealth-skills

最后 10% 的完善工作清单：网站图标和社交图片、文档标题、选择与滚动条颜色、焦点环、键盘提示、等宽数字、图标一致性、图片尺寸、外部链接标记、锚点偏移、404 页面、减少动态效果与悬停门控、标签页标题状态，以及让界面从“能用”变成“完成”的小修复。适用于用户要求打磨、完成、发布、“让它看起来像做完了”，或发布前检查。

P

poplar-direct-mail

ckorhonen / claude-skills

使用 Poplar 的 HTML 模板和 API 设计并发送程序化直邮。适用于创建个性化的动态邮寄品（明信片、对折页、三折页、信件），并通过 API 触发寄送。

P

pr

tranz007 / ux-skills

为 UX 相关的实现创建高质量的拉取请求说明，解释变更为何存在、行为有何变化、设计系统的使用、状态、无障碍、测试、风险，以及审查者应检查的内容。当设计或设计工程工作已准备好成为 PR 时使用。

P

principle-exhaust-the-design-space

ericlitman / open-pstack

在遇到代码库中没有先例的新型 UI 交互或架构决策时应用。构建 2-3 个不同方案的原型，并排比较后再确定方案。

R

ripple

tranz007 / ux-skills

追踪 UX、流程、组件、内容或设计系统的变更还可能影响什么。当设计师问"如果改这个，还有什么会跟着变？"、"这还可能影响什么？"，或希望在决定变更之前了解下游的 UX 影响时使用。

S

saas-product-ui-system

dhananjaym182 / ai-ui-design-skills

面向仪表盘、设置、管理/运行时界面、编辑器、构建器、表格、表单、抽屉、侧边栏及相关公开界面的经典 SaaS 产品 UI 技能，用于设计、审查或实现沉稳、高级、生产就绪的界面。当你需要强层次结构、可复用令牌、排版、响应式布局规则、组件一致性以及应用界面模式，而非装饰性的一次性设计时使用。

S

scrivito

membranedev / application-skills

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

S

seeing-images

oaustegard / claude-skills

增强型视觉工具，用于分析超出原生视觉能力的图像。当任务要求详细描述图像、以 SVG 复现图像、识别细微特征、比较图像区域、读取退化文本，或任何需要细致视觉检查的任务时使用。当 image-to-svg 技能需要关于颜色、形状或边界的真实基准时也使用。

S

shadcn-tailwind-ui

liarmttt / tavernweave

构建、重新设计或审查使用 shadcn/ui、Radix UI 原语和 Tailwind CSS 的无障碍 React 界面。适用于组件组合、响应式布局、语义化设计 token、深色模式、表单、对话框、表格、键盘交互，以及 React、Vite 或 Next.js 项目中安全的 Tailwind 配置。不要用于 canvas 艺术、海报、字体包、非 React 框架或通用品牌设计。

S

shopify-alt-text

kgelster / awesome-ecom-skills

在为 Shopify 店铺回填缺失的图片替代文本（alt text）时使用：没有 alt 属性的图片、产品图片的无障碍 alt text、文件库图片的 alt text、图片 SEO，或标记出缺少文本替代的图片的 WCAG/无障碍检查。触发词："backfill alt text"、"fill in missing alt text"、"images have no alt"、"add alt attributes for accessibility"、"image SEO sweep"。一个变更操作 fileUpdate 即可覆盖产品媒体和文件库。不适用于 meta 标题/描述（请使用 shopify-seo-metadata）。

S

solo-landing-gen

fortunto2 / solo-factory

在"创建落地页""撰写落地页文案""首屏区块""A/B 标题""落地页内容"或需要根据 PRD 生成营销页面时使用。不要用于 SEO 审计（/seo-audit）。

S

space-gzh-cover

spacezephyr / creator-buddy

制作微信公众号 2.35:1 头图封面，使用 Codex 内置 image_gen 生成，视觉沿用「轻盈 AI 产品信息图」系统（白/浅薰衣草底、墨黑大标题、科技紫与青柠绿强调、圆角卡片、线性图标）。内置分享安全区校验——公众号封面分享到朋友圈时只保留正中央 1:1 方形，本 Skill 负责让标题不被切掉。用户说“做公众号封面”“做头图”“文章配首图”“2.35:1 封面”“公众号封面图”“做几版封面”时触发。

S

spec

adobe / skills

将网站迁移前的规格整理为文档知识文件，供人员和迁移 Agent 使用，内容包括页面、重定向、404、布局变体、各页面所需的 EDS 区块及其复用判断、动态功能、营销技术以及待决事项。有人要求界定范围、估算或规划迁移，询问“哪些页面使用区块 X／页面 Y 需要哪些区块”、索要重定向或 404 清单，或查找迁移简报背后的事实时使用。此技能不执行迁移本身（复制、迁移、发布）

S

state-sweep

tranz007 / ux-skills

找出缺失的界面和服务状态，如加载、空、部分、权限、超时、过期数据、校验、失败、中断和恢复。当设计师询问某个屏幕、组件、旅程或功能缺少哪些状态或边界情况时使用。

S

stitch-html-components

gabelul / stitch-kit

将 Stitch 界面、本地 HTML 文件或 URL 转换为简洁、平台无关的 HTML5 + CSS——语义化标记、用于主题化的 CSS 自定义属性、通过 prefers-color-scheme 实现的深色模式、移动优先的响应式、零框架依赖。可在浏览器、WebView、Capacitor 和 Ionic 中运行。只有 Stitch 路线需要 API key。

S

stitch-ideate

gabelul / stitch-kit

对话式设计构思 Agent，研究趋势、探索视觉方向，并通过自适应提问打磨想法——最终产出内容丰富的 PRD 文档并自动生成 Stitch 界面。你的设计伙伴，先深度思考再开始设计。

S

stitch-mcp-create-design-system

gabelul / stitch-kit

根据主题 token（颜色、字体、圆角）创建可复用的 Stitch Design System。可应用于后续页面以保持视觉一致性。

S

swift-apps

petekp / claude-code-setup

使用 Swift 构建、重构、审查和调试 Apple 平台原生软件。在处理 `.swift` 文件、SwiftUI 视图、基于 Observation 的状态、`@Bindable` 与绑定流、SwiftData 驱动的 UI、场景与窗口、搜索/导航结构、UIKit/AppKit 互操作、Liquid Glass 采用、macOS 原生 UX，或 SwiftUI 性能/无障碍时使用。在请求创建或打磨 iOS、iPadOS、macOS 或 visionOS 功能，整理 SwiftUI 视图结构，诊断卡顿或失效风暴，审查应用质量，或让某个功能更像优质的 Apple 平台应用时触发。

S

syncfusion-maui-toolkit-cartesian-charts

syncfusion / maui-toolkit-ui-components-skills

实现用于数据可视化的 Syncfusion .NET MAUI 笛卡尔图表（SfCartesianChart），包含 20 多种图表类型，如折线图、面积图、柱状图、条形图、金融图、统计图和堆积图。在实现笛卡尔图表、折线图、面积图或金融图（candle、OHLC）时使用。涵盖图表坐标轴、图例、工具提示、trackball、缩放与平移以及图表注解。

S

syncfusion-maui-toolkit-chips

syncfusion / maui-toolkit-ui-components-skills

实现 Syncfusion .NET MAUI Chips（SfChip 或 SfChipGroup）。适用于在 .NET MAUI 应用中使用 chips、标签、标签控件、选择 chips、输入 chips 或筛选 chips。涵盖 chip 类型、自定义、事件、选择、分组、移除、带关闭按钮的 chip，以及 chip 数据绑定。

S

syncfusion-maui-toolkit-circular-charts

syncfusion / maui-toolkit-ui-components-skills

实现 Syncfusion .NET MAUI 圆形图表（SfCircularChart），包括饼图、圆环图和径向条形图类型。在实现圆形数据可视化、饼图、圆环图或径向条形图时使用。适合百分比构成、类别对比、部分与整体关系，或以圆形形式展示比例数据。

S

syncfusion-maui-toolkit-circular-progressbar

syncfusion / maui-toolkit-ui-components-skills

实现并自定义 Syncfusion .NET MAUI 圆形进度条（SfCircularProgressBar）组件。在处理圆形进度条、圆形进度指示器、径向进度、进度圆环或 .NET MAUI 应用中的弧形进度时使用。涵盖确定性/不确定性进度状态、动画进度指示器、分段圆形进度和自定义角度。

S

syncfusion-maui-toolkit-funnel-charts

syncfusion / maui-toolkit-ui-components-skills

实现并自定义 Syncfusion .NET MAUI 漏斗图（SfFunnelChart）。在实现漏斗图、销售漏斗可视化、转化漏斗分析、流程阶段可视化或营销漏斗跟踪时使用。涵盖漏斗图实现、自定义、数据标签、图例、工具提示、区段间距和方向。

S

syncfusion-maui-toolkit-linear-progressbar

syncfusion / maui-toolkit-ui-components-skills

实现 Syncfusion .NET MAUI 线性进度条（SfLinearProgressBar）控件。在处理进度条、进度指示器、加载指示器、确定性/不确定性进度或缓冲进度可视化时使用。涵盖进度跟踪、多段进度、动画进度和渐变进度条。

S

syncfusion-maui-toolkit-picker

syncfusion / maui-toolkit-ui-components-skills

实现 Syncfusion .NET MAUI Picker (SfPicker) 控件。在 .NET MAUI 应用中使用选择器控件、项目选择器、选择项选择器、多列选择器或对话框选择器时使用。此技能涵盖安装、配置、模式（Default、Dialog、RelativeDialog）、页眉/页脚自定义、列处理、数据绑定、事件和无障碍功能。

S

syncfusion-maui-toolkit-polar-charts

syncfusion / maui-toolkit-ui-components-skills

实现用于在极坐标中可视化数据的 Syncfusion .NET MAUI 极坐标图（SfPolarChart）。在处理极坐标图、雷达图、蜘蛛网图、网状图或圆形数据可视化时使用。适合按数值和角度展示数据、在极坐标布局中创建折线或面积系列，或以径向方式比较多个数据系列。

S

syncfusion-maui-toolkit-shimmer

syncfusion / maui-toolkit-ui-components-skills

实现 Syncfusion .NET MAUI Shimmer（SfShimmer）加载占位效果。在 .NET MAUI 应用中实现微光或骨架屏加载动画、加载占位内容或内容加载指示器时使用。涵盖微光类型（CirclePersona、Article、Feed、Shopping）、自定义微光视图、波浪动画和自定义设置。

S

syncfusion-maui-toolkit-spark-charts

syncfusion / maui-toolkit-ui-components-skills

当用户需要实现 Syncfusion MAUI Spark Charts 时，始终使用此技能。触发于 spark chart、sparkline、微图表、趋势可视化、小空间中的数据可视化、图表类型（折线、面积、柱状、输赢）、标记、范围带、坐标轴配置、数据点样式。也可立即用于图表自定义、性能优化、标记配置、数据绑定模式、可访问性需求。

S

syncfusion-maui-toolkit-sunburst-charts

syncfusion / maui-toolkit-ui-components-skills

实现用于层级数据可视化的 Syncfusion .NET MAUI 旭日图（SfSunburstChart），采用径向多层级圆形布局。适用于旭日图、径向层级图、多层级饼图。适合可视化组织结构、文件系统或嵌套分类数据。

使用 Tailwind CSS v4、设计令牌、组件库和响应式模式构建可扩展的设计系统。创建组件库、实施设计系统或规范化 UI 模式时使用

T

tailwindcss-core

fusengine / agents

在配置 Tailwind CSS-first（不使用 config.js）、定义 @theme token，或创建自定义 utility/variant 时使用。不要用于 v3 到 v4 的迁移或类别 utility 查询。

T

tailwindcss-core

fusengine / claude-plugins

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

T

tailwindcss-interactivity

fusengine / agents

当需要控制光标外观、滚动吸附/平滑行为、文本选择、pointer-events、触摸操作或光标/accent 颜色时使用。

T

tailwindcss-interactivity

fusengine / claude-plugins

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

T

tailwindcss-responsive

fusengine / agents

在不同屏幕宽度下应用响应式变体、定义自定义断点，或构建基于容器查询的组件时使用。

T

tailwindcss-responsive

fusengine / claude-plugins

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

打造风格鲜明、达到生产级水准且设计质量高的终端用户界面。当用户要求构建命令行工具、TUI 应用或基于终端的界面时使用此技能。生成富有创意、打磨精致的代码，避免千篇一律的终端美学。

T

theme-audit

chmouel / lazyworktree

校验所有主题的完整性与用法是否正确

T

theme-factory

ovachiever / droid-tings

用于为各类成品应用主题样式的工具包，包括幻灯片、文档、报告、HTML 落地页等。提供 10 种预设配色和字体主题，可应用于已创建的成品，也可即时生成新主题。

T

tufte-slide-design

ingpoc / skills

此技能将 Edward Tufte 在《The Visual Display of Quantitative Information》中的数据可视化原则应用于制作高冲击力幻灯片。适用于设计演示文稿、创建图表/图形、审查幻灯片的清晰度，或将数据转化为可视化展示时。触发短语如“make a slide”“create presentation”“design chart”“visualize data”“review my slides”或“make this more impactful”。

设计与实现复古/赛博朋克/黑客风格的终端 UI。涵盖 React（Tuimorphic）、SwiftUI（Metal shader）与 CSS 方案。在创建终端美学、CRT 效果、霓虹辉光、扫描线、磷光绿显示或复古未来主义界面时使用。

U

ui-ux-specialist

yuniorglez / gemini-elite-core

资深无障碍与前端工程师。精通面向 2026 的 WCAG 2.2 标准、语义化 HTML 与包容性设计。

U

unslop

mshumer / unslop

当你需要运行 unslop 仓库、分析某域名是否存在重复的 AI 默认表达、生成可复用的 skill 文件，并验证输出是否具体且与基线有实质性差异时，使用此 skill。

U

user-preferences-settings-review

sylphxai / skills

设计并审查用户偏好、个性化控件、通知设置、隐私开关、无障碍选项、语言/地区设置、主题、默认行为、重置/导出行为、跨设备同步以及设置的可发现性。当用户需要对产品行为拥有持久控制，而不与管理员策略、计费或安全设置混淆时使用。

U

userleap

membranedev / application-skills

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

U

ux-copy

n1arko / redaktura-skills

俄语 UX 文案：按钮、表单、错误、空状态、引导流程、确认、通知、推送和微文案。当用户要求撰写、改写、审阅、选择或改进界面文案、产品消息、UI 字符串、事务性邮件、推送通知、toast、snackbar、表单、空状态、引导流程、错误、确认、标签、提示框或按钮文字时，使用此技能。触发词：「текст для кнопки」「сообщение об ошибке」「текст в форму」「пустое состояние」「подпись к полю」「текст тоста」「снекбар」「онбординг」「пуш-уведомление」「микрокопия」「UX-текст」「что написать на экране…」「лейбл поля」「тултип」「подтверждение удаления」「письмо-уведомление」。文章与帖子请见 skills statya 和 redaktura；项目词表请见 redpolitika。

V

v0-dev

omer-metin / skills-for-antigravity

使用 v0.dev 进行 AI 驱动 UI 生成的专家。涵盖提示词策略、组件迭代、shadcn/ui 集成、导出工作流与自定义。懂得如何从 v0 获得最佳结果，并将生成的组件集成到生产代码库中。当提及「v0、v0.dev、generate ui、shadcn component、ai component、generate component、v0、v0-dev、ui-generation、shadcn、component-generation、ai-ui、vercel」时使用。

V

visual-explainer

zenobi-us / dotfiles

生成美观、自包含的 HTML 页面，以可视化方式讲解系统、代码变更、方案和数据。当用户要求图表、架构概览、diff 审查、方案审查、项目回顾、对比表格或任何技术概念的视觉化说明时使用。当你即将渲染复杂的 ASCII 表格（4 行以上或 3 列以上）时也主动使用——改为以带样式的 HTML 页面呈现。

V

visual-redesign

yu-369 / vibecurb

针对现有 React 代码库的精准美学升级流水线。把丑陋但可用的代码（Bootstrap 默认样式、通用的 Tailwind、业余 CSS）转化为 Awwwards 级别的品质，同时不触碰、不破坏底层的 JavaScript 逻辑——状态、副作用、API 调用、事件处理器、路由和数据流都是神圣不可侵犯的。从 7 个层面（设计令牌、排版、间距、颜色、组件、氛围、动效）审查现有代码，把每个元素归类为 Sacred（JS 逻辑——不要触碰）或 Slop（视觉冗余——需要升级），然后逐层执行精准的纯 CSS 手术。这个 skill 把开发者的“让它好看点”变成受控、非破坏性的视觉改造。

V

visual-regression-testing

jgtolentino / insightpulse-odoo

使用 Playwright 和 jest-image-snapshot 进行全面的视觉回归测试。实现截图对比、基线管理、CI/CD 集成和视觉差异报告，遵循 Ant Design 最佳实践。用于防止视觉缺陷、确保 UI 一致性并自动化视觉 QA。（项目）

V

vue3-naiveui-fsd

shohzod-abdusamatov-7777777 / agent-skills

资深级 Vue 3 + Naive UI + Feature-Sliced Design，结合 TypeScript、Clean Code 与 SOLID 原则

W

weasyprint-pdf-creation

slapash / weasyprint-pdf-skill

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

W

web-dnd-dnd-kit

agents-inc / skills

使用 @dnd-kit 实现拖放——可拖动、可放置、可排序、碰撞检测、传感器、无障碍

W

webflow

okou-ai / okou-skills

暂无简介

Y

yuv-decks

hoodini / ai-agents-skills

使用 @open-slide/core，以 Yuval Avidani 的标志性风格构建电影感、叙事驱动的演示文稿。用户描述主题和受众后，此技能会搭建一个 open-slide 项目，起草四幕叙事弧线（Boarding → Ascent → Cruise → Descent），用 Yuval 的语气撰写每一页幻灯片（通俗易懂、不用行话、故事驱动），应用来自 yuv-design-system 的品牌视觉语言，并编排配套技能以生成主视觉图片和视频片段。触发词："make a deck"、"create slides"、"build a presentation"、"build a deck"、"new deck"、"presentation about"、"talk deck"、"hackathon deck"、"open-slide deck"、"yuv-decks"、"yuv deck"、"deck like Yuval"、"מצגת"、"שקפים"、"דק"、"מצגת על"、"להכין מצגת"。只要用户要求任何基于幻灯片的演讲，就主动使用；此技能会自行选择合适的范围。

A

alterlab-nmc-multimedia-story

alterlab-ieu / alterlab-fc-skills

当用户询问 "multimedia storytelling"、"interactive story"、"longform web feature"、"cross-platform narrative"、"scrollytelling"、"immersive journalism"、"act as a multimedia story builder"、"multimedia story mode"、"web documentary"、"transmedia narrative"、"visual storytelling"、"digital longform"、"parallax story"、"Shorthand"、"Scrollama"、"StoryMap"、"interactive feature"、"Juxtapose"，或需要为 Web 设计并制作跨平台叙事体验的专业知识时，应使用本技能。属于 AlterLab FC Skills 合集（New Media & Communication 部门）。

A

alterlab-nmc-portfolio-curator

alterlab-ieu / alterlab-fc-skills

当用户询问 "digital portfolio"、"portfolio website"、"project description"、"case study"、"portfolio curation"、"creative portfolio"、"act as a portfolio curator"、"portfolio curator mode"、"portfolio review"、"professional presentation"、"portfolio architecture"、"work samples"、"portfolio bio"，或需要构建、组织并撰写专业数字作品集的专业知识时，应使用本技能。属于 AlterLab FC Skills 合集（New Media & Communication 部门）。