Skills

L

library-architecture

dragoon0x / taste-skills

构建一个能在 60 秒内返回正确参考的参考系统。适用于搭建设计参考库、重组现有收藏，或帮助团队建立共享参考系统时。

M

memory-load-reduction

owl-listener / inclusive-design-skills

设计对工作记忆要求最低的界面。适用于设计多步骤流程、仪表盘、对比工具、跨多个屏幕的表单，或任何需要用户跨步骤或跨会话记住信息的界面。触发词：记忆、记住、忘记、延续、多步骤、用户流失、步骤太多、找不到位置、上下文。

M

millers-law

infrasity-labs / dev-gtm-claude-skills

应用米勒定律——将信息分成约 4 个一组，以契合工作记忆的容量限制。

M

multi-modal-input

owl-listener / inclusive-design-skills

设计提供多种输入方式的界面，让用户根据自身能力和情境选择合适的方式。适用于设计任何需要用户输入的交互系统——表单、搜索、编辑器、创作工具、沟通界面。触发词：多模态、输入方式、替代输入、人们如何交互、鼠标替代、触控替代、输入灵活性、开关访问、眼动追踪、头部指针。

O

onboarding-design

infrasity-labs / dev-gtm-claude-skills

设计首次运行体验，让用户快速获得价值又不至于不知所措。

R

research-repository

infrasity-labs / dev-gtm-claude-skills

构建并维护一个研究知识库，让研究发现在整个组织内可查找、可复用、可累积。

R

retro-css-architecture

theorcdev / 8bitcn-ui

用自定义属性、像素字体和响应式像素艺术组织 8-bit CSS。在创建或修改复古风格组件及其 CSS 时使用。

S

search-ux

infrasity-labs / dev-gtm-claude-skills

设计搜索体验，帮助用户找到所需内容、从失败中恢复并优化结果。

S

slide-making-skill

minimax-ai / skills

使用 PptxGenJS 实现单页 PowerPoint 幻灯片。适用于编写或修复幻灯片 JS 文件：尺寸、定位、文本/图片/图表 API、样式规则，以及原生 .pptx 输出的导出要求。

S

stories

storybookjs / storybook

在创建、编辑或删除组件、stories、样式、CSS、主题、颜色或 design token 之前，先调用本 skill——任何会改变 UI 外观的操作，无一例外。也用于启动或预览 Storybook 以验证 UI、请求展示、浏览或列出组件、stories 或 UI 状态，以及查询文档、props 或用法。

在为项目搭建或配置 Storybook 时使用。涵盖主配置、插件、构建器和特定框架的设置。

S

syncfusion-javascript-grid

syncfusion / javascript-ui-controls-skills

实现功能丰富的 Syncfusion JavaScript Grid 组件，用于数据表格和网格。在涉及数据展示、排序、筛选、分组、聚合、编辑或导出时使用。本技能涵盖网格配置、CRUD 操作、虚拟滚动、层级网格、状态持久化，以及面向数据密集型应用的高级数据管理功能。

S

syncfusion-winforms-autolabel

syncfusion / winforms-ui-components-skills

指导实现 Syncfusion WinForms AutoLabel 控件，用于随表单控件自动定位标签。当用户想要添加在控件移动时自动重新定位的标签、创建标签-控件配对单元的表单布局、使用 FlowLayout 实现复杂表单设计，或确保标签与其关联控件保持同步时使用。涵盖控件标签、定位、间距、尺寸设置、主题和事件。

S

syncfusion-winforms-bullet-graph

syncfusion / winforms-ui-components-skills

Syncfusion Windows Forms Bullet Graph 控件的实现指南，用于紧凑的数据可视化。在使用项目符号图、绩效指标、KPI 可视化、对比度量或 WinForms 中的定性区间时使用。此技能涵盖 Windows Forms 桌面应用中的仪表盘量表、目标与实际对比以及绩效区间可视化。

S

syncfusion-winforms-calendar

syncfusion / winforms-ui-components-skills

指导实现用于日期选择和日历查看的 Syncfusion WinForms SfCalendar 控件。在使用日历控件、日期选择器或具有月/年/年代/世纪视图的多视图日历时使用。涵盖日期选择模式、视图导航、日期限制、特殊日期以及 Windows Forms 的外观自定义。

S

syncfusion-winforms-carousel

syncfusion / winforms-ui-components-skills

指导实现 Syncfusion WinForms Carousel 控件，用于创建带有旋转对象的 3D 环形传送带。在创建交互式图片库、产品展示或带轮播路径的 3D 物品陈列时使用。涵盖图片幻灯片、旋转控制、触摸交互和视觉自定义。

S

syncfusion-winforms-clock

syncfusion / winforms-ui-components-skills

在 Windows Forms 应用中实现 Syncfusion WinForms Clock 控件的指南。当用户需要添加时钟显示、在模拟和数字模式之间切换、自定义时钟外观、应用自定义渲染器、为数字时钟配置边框或形状，或将时钟冻结在固定时间时使用此技能。涵盖 ClockType、ClockFrame、ClockShape、ShowCustomTimeClock、ClockRenderer 和 DigitalRenderer。

S

syncfusion-winforms-fontcombobox

syncfusion / winforms-ui-components-skills

实现并配置 Syncfusion WinForms FontComboBox 控件——一个自动填充系统字体的专用组合框。在处理 Windows Forms 应用中的字体选择 UI、字体选择器或字体下拉控件时使用。此技能涵盖 WinForms 中的字体选择能力、系统字体显示和字体枚举。

S

syncfusion-winforms-fontlistbox

syncfusion / winforms-ui-components-skills

在 Windows Forms 应用中实现 Syncfusion WinForms FontListBox 控件的指南。当用户需要显示已安装系统字体列表、配置字体选择的选择模式、应用视觉样式、启用字体自动补全、自定义滚动条或处理字体选择事件时使用此技能。涵盖 UseAutoComplete、FontListBoxStyle、SelectionMode 和滚动条行为。

S

syncfusion-winforms-gradient-panel

syncfusion / winforms-ui-components-skills

在 Windows Forms 应用中实现 Syncfusion GradientPanel 控件的指南。在创建渐变背景、带视觉样式的容器面板或带自定义背景的分组控件时使用。涵盖渐变容器、样式化面板组、使用图案/纯色/渐变显示的背景自定义、视觉容器和基于面板的布局。

S

syncfusion-winforms-map

syncfusion / winforms-ui-components-skills

Syncfusion WinForms Maps 控件的实现指南——一个地理数据可视化组件，使用形状文件、气泡、标记和交互功能显示统计与区域数据。适用于处理 WinForms Maps、Windows Forms 中的地理地图、形状文件可视化、分级着色地图或气泡地图。本技能涵盖地图图层、缩放/平移、地理数据绑定、ESRI 形状文件，以及构建带交互地图的基于位置的桌面应用程序。

S

syncfusion-winforms-messagebox

syncfusion / winforms-ui-components-skills

在 Windows Forms 中实现并配置 Syncfusion MessageBoxAdv 控件——一个增强型消息框，具有主题、自定义图标、详细信息视图和本地化支持。在显示模态消息、确认、错误、警告或信息对话框时使用。涵盖 Office 主题、消息框外观自定义、多语言对话框，以及用样式化替代方案替换标准 MessageBox。

S

syncfusion-winforms-multicolumn-combobox

syncfusion / winforms-ui-components-skills

在 Windows Forms 中实现并配置 Syncfusion MultiColumnComboBox 控件 —— 一个在下拉列表中具有多列并支持大数据集虚拟数据绑定的高级组合框。在创建包含多个数据字段的下拉列表、DataSource 绑定、DisplayMember/ValueMember 配置或下拉列表中的列标题时使用。涵盖筛选下拉列表以及用多列替代方案替换标准 ComboBox。

S

syncfusion-winforms-multicolumn-treeview

syncfusion / winforms-ui-components-skills

为 Windows Forms 应用程序实现 Syncfusion MultiColumnTreeView 控件，以带附加列的方式显示分层数据。适用于处理 TreeNodeAdv、TreeColumnAdv、多列树结构，或每个节点需要多列的分层数据。本技能涵盖节点集合、复选框、选项按钮、XML 数据绑定、按需加载功能以及树外观自定义。

S

syncfusion-winforms-multiselect-combobox

syncfusion / winforms-ui-components-skills

实现 Syncfusion Windows Forms MultiSelectionComboBox 控件的指南——一个支持多项目选择、自动建议和标签样式视觉项的 ComboBox。当用户提到 MultiSelectionComboBox、WinForms 多选组合框或 Syncfusion.Windows.Forms.Tools.MultiSelectionComboBox，或需要一个可在 Windows Forms 应用中选择多个项目的组合框时使用此技能。适用于配置显示模式、绑定数据源、设置视觉项样式、处理 SelectedItemCollectionChanged 或设置 AutoSuggestMode 的场景。

S

syncfusion-winforms-navigation-drawer

syncfusion / winforms-ui-components-skills

在 Windows Forms 中实现 Syncfusion NavigationDrawer 控件——一种从屏幕边缘滑出的面板菜单。适用于创建抽屉导航、侧边菜单或带面板过渡的汉堡菜单。涵盖 DrawerMenuItem 配置、DrawerHeader 设置、滑出菜单以及面板过渡（SlideOnTop、Push、Reveal），用于现代滑动面板导航。

S

syncfusion-winforms-popup

syncfusion / winforms-ui-components-skills

在 Windows Forms 应用程序中实现 Syncfusion PopupControlContainer 的指南。适用于创建自定义弹出面板、将弹出窗口附加到父控件或配置自动关闭行为。涵盖弹出窗口生命周期、ShowPopup/HidePopup 方法、事件处理（BeforePopup、Popup、CloseUp）、在弹出窗口中承载子控件、自动滚动配置、透明弹出窗口，以及在弹出窗口中承载 ComboBoxBase 等高级场景。

S

syncfusion-winforms-radio-button

syncfusion / winforms-ui-components-skills

在 Windows Forms 应用程序中实现 Syncfusion RadioButtonAdv 控件的指南。在创建具有 Office 主题（2007/2016）、Metro 风格、渐变背景、文字阴影效果、各状态自定义图像或 2D/3D 边框的增强型单选按钮时使用，以实现超越标准 WinForms RadioButton 的专业样式。

S

syncfusion-winforms-range-slider

syncfusion / winforms-ui-components-skills

在 Windows Forms 中实现 Syncfusion RangeSlider 控件以实现双滑块取值选择的完整指南。适用于创建带 SliderMin/SliderMax 配置、ChannelColor 自定义或 RangeColor 样式的范围选择界面。涵盖范围边界配置、滑块外观自定义、事件处理以及构建范围选择 UI 组件。

S

syncfusion-winforms-sparkline

syncfusion / winforms-ui-components-skills

实现用于紧凑数据可视化的 Syncfusion Windows Forms Sparkline 控件。适用于处理迷你图、紧凑格式的趋势展示或高密度数据可视化。本技能涵盖折线、柱形和 WinLoss 图表类型、数据点标记、高/低值高亮，以及 Windows Forms 应用程序中的轻量图形表示。

S

syncfusion-winforms-splitbutton

syncfusion / winforms-ui-components-skills

实现 Syncfusion WinForms SplitButton 控件的指南——一种带下拉菜单的混合按钮。适用于创建兼具按钮与下拉功能的控件、通过菜单选项切换模式，或 Office 风格的分割按钮。涵盖动态标题更新、自定义按钮呈现以及切换模式配置。

S

syncfusion-winforms-tabbed-mdi-manager

syncfusion / winforms-ui-components-skills

实现 Syncfusion Windows Forms TabbedMDIManager 控件以创建专业选项卡式文档界面的指南，涵盖多个选项卡组、完整自定义、事件处理和序列化支持。当用户需要构建带选项卡窗口、选项卡对齐、选项卡组、按钮控件、外观自定义、主题以及工具提示和上下文菜单等交互功能的 MDI 应用程序时，使用本技能。

S

syncfusion-winforms-theming

syncfusion / winforms-ui-components-skills

用于实现 Syncfusion Windows Forms SkinManager 和主题应用的综合指南。在处理 WinForms 主题、SkinManager 或将 Office2016/Office2019 主题应用于控件时使用。本技能涵盖主题程序集、VisualTheme 配置、ApplicationVisualTheme 设置和自定义控件样式。

S

syncfusion-winforms-wizard-control

syncfusion / winforms-ui-components-skills

在 Windows Forms 应用程序中实现 Syncfusion WizardControl 组件的指南。适用于创建多步骤表单、安装向导、设置对话框，或带导航按钮的分步工作流界面。涵盖程序集部署、页面管理、横幅配置、验证、导航按钮处理、事件以及专业向导界面的外观自定义。

S

syncfusion-winforms-xptaskbar

syncfusion / winforms-ui-components-skills

如何在 Windows Forms 应用程序中创建和配置 Syncfusion XPTaskBar 控件。当用户需要实现可展开的任务面板、创建 Windows XP 风格的任务菜单、构建可折叠的导航面板、配置多框任务栏，或通过动画和事件自定义任务栏行为时，使用本技能。涵盖基本设置、框/项管理、布局模式、事件、自定义以及间距配置。

S

syncfusion-winforms-xptaskpane

syncfusion / winforms-ui-components-skills

为 Windows Forms 实现 Syncfusion XPTaskPane 组件的指南。当用户需要创建 Microsoft Office XP 风格的任务窗格布局、管理多个任务页面、配置导航标题、重新排列页面或自定义外观时使用。涵盖容器设置、页面管理、标题控件、滚动和样式。

T

table-accessibility

owl-listener / inclusive-design-skills

设计适用于屏幕阅读器和认知无障碍的数据表格。在创建或审查表格、数据网格、对比表、定价表或任何表格数据时使用。触发词：table、data table、grid、spreadsheet、comparison table、pricing table、screen reader table、table headers、scope、caption、complex table。

T

taste-gap

dragoon0x / taste-skills

驾驭你所看到的与你所能做出的之间的差距。即 Ira Glass 所说的差距。适用于设计师因品味与产出之间的落差而沮丧、指导某人度过创作瓶颈期，或有人因作品与构想不符而考虑放弃时。

T

text-editing

rshankras / claude-code-apple-skills

使用 Text、AttributedString 和带格式控件的 TextEditor 在 SwiftUI 中显示样式化文本和进行富文本编辑。在实现富文本编辑或样式化文本显示时使用。

U

usability-test-plan

infrasity-labs / dev-gtm-claude-skills

设计可用性测试计划，包含任务、成功指标、参与者标准与主持指南。在规划有主持或无主持的可用性测试时使用。

W

web-accessibility

s-hiraoku / synapse-a2a

Web 无障碍与界面标准指南。涵盖 WCAG 合规、语义化 HTML、键盘导航、屏幕阅读器、表单、触控目标以及国际化。在构建、评审或审计 Web 界面的无障碍与 UX 质量时使用。

W

web-interface-guidelines

artivilla / agents-config

依据 Vercel 的 Web Interface Guidelines 审查 UI 代码。在用 MUST/SHOULD/NEVER 规则检查交互、动画、布局、内容、无障碍、性能和设计标准时使用。

W

wechat-styler

zjp1997720 / zhijian-skills

将 Markdown 排版为公众号 HTML；组件、动画及已授权的编辑器注入按需启用。

1

12-landing-page-brief-global

minhnv0807 / ai-business-skills

当需要搭建新的落地页、销售页或单品页时使用——七段式结构、一页一目标一 CTA、按区块撰写文案、移动优先规则、技术与速度要求、追踪方案、A/B 测试方案，以及 dropshipping 单品模式。触发词为「landing page brief」「build a sales page」「I need a landing page」「brief for the dev」「Shopify product page」「what should go on the page」。也适用于广告流量已就绪却无处可送时。不适用——指向页面的广告文案，见 `05-ad-copy-global`；offer 及其价值堆叠，见 `31-offer-design-global`；为已完成的设计打分，见 `47-design-review-global`；coded email，见 `49-html-email-template-global`。

A

accessibility-audit

infrasity-labs / dev-gtm-claude-skills

依据 WCAG 指南开展全面的无障碍审查，给出严重程度评级和修复步骤。

A

affinity-diagram

infrasity-labs / dev-gtm-claude-skills

将定性研究数据整理为亲和图，包含主题、聚类和洞察陈述。在综合来自访谈、观察或调研的大量定性数据时使用。

A

anima

garinmckayl / anima

创建精心设计且准确的可视化内容，主题包括解剖学、神经生物学、药理学、药物、细胞和分子生物学。展示真实的生物结构并呈现其机制，可使用写实解剖或明确标注的机械隐喻。构建交互式等距 SVG 图形，包含有来源的数据、无障碍动态效果、可选 WebGL、带边框的卡片和实时读数。适用于生物学解说、教育插图、文档和交互式图形。

A

anydesign

infrasity-labs / dev-gtm-claude-skills

分析图片、网站和 Figma 文件，提取其设计并生成包含 token 系统、组件清单和重构说明的 `design.md`。只要用户想要理解、记录、复刻或审查某个视觉对象的设计，就使用此技能：截图、URL、Figma 链接、Pinterest 参考、mockup、竞品网站、组件、仪表盘、落地页。当他们提出「从 X 中提取设计系统」「记录 Y 的风格」「对此做视觉分析」「把这张图转换成 token」「帮我复刻这个设计」「这个网站用什么配色」「这是怎么构建的」时同样适用。也适用于单个元素：「复制这个导航栏」「重绘这个插画」「给我一个重新生成这张图的提示词」——元素模式会输出聚焦的 element.md，当元素是视觉艺术时还会提供基于 token 的图像模型提示词。如果用户带来任何视觉来源并希望从设计层面理解它——此技能就应激活。

A

ascii-cli-logo-banner

full-stack-skills / ascii-skills

ASCII 命令行横幅的入口。根据需要选择 Python 内置字体 skill 或 figlet.js/FIGfont skill。

A

assess-load

owl-listener / inclusive-design-skills

评估完整的多步骤流程中的认知负荷，并生成负荷图。串联：cognitive-load-assessment、memory-load-reduction、wayfinding-navigation。适用于评估结账流程、引导流程、申请流程或任何多步骤旅程。

A

attributed-string

rshankras / claude-code-apple-skills

用于富文本格式、对齐、选择和 SwiftUI 集成的 AttributedString 模式。在处理样式化文本、文本编辑或 AttributedString API 时使用。

以 HTML 为媒介产出高保真设计稿（落地页、幻灯片、交互原型、动画、设计系统、信息图、移动端 mockup 等）。 扮演专业设计师而非通用前端工程师，强调先问后做、引用既有设计系统、给出多版本变体、规避 AI 风格俗套。 触发：/axi-front-design、"做个落地页"、"设计一张海报/封面"、"做张幻灯片/PPT"、"做个交互原型"、"做个动画"、 "design a landing page"、"make a deck"、"prototype this UI"、"design system"、"hi-fi mockup"。 不适用：纯文字内容/逻辑代码、需要真实图像生成（应改用图像生成模型）、需要原生 PPTX/Figma 文件（HTML 优先）。

B

base-logo-generator

sanbaoai / logo-generator-skill

生成 logo 创意方向、图像生成提示词，并可选地直接生成 logo 图像，适用于公司 logo、品牌 logo、文化创意周边 logo、产品 logo、活动与广告 logo、赛事 logo、应用 logo、子品牌 logo 及相关视觉标识。适用于用户要求 logo 概念、logo 提示词撰写、logo 方向、品牌符号创意、直接生成 logo 图像，或修改现有 logo 概念时。

B

beautiful-feishu-whiteboard

zarazhangrui / beautiful-feishu-whiteboard

一套精选的 35 种配色样式库，用于从 SVG 构建美观、可编辑的飞书（Feishu / Lark）白板。当用户想要创建或绘制飞书白板、信息图、图表、海报或可视化讲解，并希望效果精致、符合品牌或特定美学时使用；用户提及某种样式时也适用。Agent 会弄清用户想要的画板类型，询问视觉风格偏好，从目录中挑选合适的样式，生成可编辑的飞书白板，返回文档链接与渲染图片，并提供切换样式的选项。需要安装并完成认证的 lark-cli（npm @larksuite/cli）以及飞书 / Lark 账号。

B

bggg-creator-image2ppt

binggandata / bggg-skills

把图片、截图、海报、PPT 页面截图、HTML 或 SVG 设计稿转换成可编辑 PPTX 的 Codex skill。 当用户需要 image2ppt、image2pptx、图片转 PPT、截图转 PPT、PNG/JPEG 转可编辑幻灯片、 HTML/SVG 转 PPTX、把设计图拆成图片组件和文本框再拼成 PowerPoint、 或希望复用 Codex 内置生图能力把平面图重建为多元素可编辑 PPT 时，应该使用此 skill。 在 Codex 中处理二进制图片时，默认结合 imagegen skill：先用 Codex 视觉理解版式， 再用内置图片生成/编辑能力生成或清理多个组件图片，最后用本 skill 的脚本拼装 PPTX。

B

blur

rheinmir / setup

WebGL "zoom blur" 效果，用于全屏背景图片切换（Three.js + 自定义 GLSL 着色器、随鼠标视差、scroll/click/按键导航），适用于 hero section/图片轮播。当用户说 "hiệu ứng blur ảnh"、"chuyển ảnh mờ dần kiểu zoom"、"webgl blur transition"、"gallery ảnh full-screen kiểu blur" 或 /blur 时调用。与 `dark-mode-maker`（circle-reveal 主题切换）不同——这是图片切换效果，而非主题切换。

C

canvas-design

partme-ai / full-stack-skills

先构建设计哲学宣言，再以精确构图、配色和排版在画布上表达，从而创作出博物馆级视觉艺术作品，输出为 .png 或 .pdf。当用户要求创作海报、艺术作品、视觉设计或静态创意作品时使用。运用前瞻性设计原则输出原创设计。

C

charts-3d

rshankras / claude-code-apple-skills

使用 Swift Charts 进行 3D 图表可视化，包括 Chart3D、SurfacePlot、交互式姿态控制和曲面样式——另附 2D Swift Charts 构建参考（标记、坐标轴、选择、SectorMark、可滚动图表）。在使用 Swift Charts 创建数据可视化时使用。

C

color-system

infrasity-labs / dev-gtm-claude-skills

构建全面的颜色系统，包括调色板生成、语义映射和无障碍合规。

C

cover-thumbnail-brief

ootto-ai / claude-content-skills

撰写封面文字和视觉说明，让你的 Reel 在网格和 Explore 中脱颖而出。当用户说“帮我写封面文案”“缩略图说明”“封面上该写什么”或“这条 Reel 的网格封面”时使用。