Skills

B

brandfy-logo

promovaweb / brandfy

构思、创建或修订原创 logo 系统。当品牌没有 logo 或需要修正不合适的符号时使用。

B

brandfy-manual

promovaweb / brandfy

根据已批准的文件汇编可编辑的品牌指南。用于创建或更新 BRAND.md 以及品牌运营索引。

B

brandfy-templates-canais

promovaweb / brandfy

为数字渠道创建标准化的视觉模板。用于 Instagram、LinkedIn、邮件头图、缩略图和 YouTube banner。

C

claude-design-system-architect

onewave-ai / claude-skills

根据品牌简报或现有网站生成完整的高品质设计系统，包括颜色令牌、字体比例、间距/圆角/层级、动效语言和组件规范，并导出为 Tailwind 配置、CSS 变量和使用文档。设计风格偏编辑感、由人工精心打造，而非模板生成。适用于启动新产品/网站、统一不一致的 UI，或将品牌规范整理为可复用的令牌。

D

design-systems

automattic / wordpress-agent-skills

为网页设计提供大胆的美学方向指导。在决定字体、色彩、动效、空间构图和整体视觉风格时使用。帮助避免千篇一律的“AI 垃圾”美学。

D

drawio-diagram-builder

will-hxw / drawio-diagram-builder

根据提示词、论文、代码库、截图或现有图表，在 diagrams.net/draw.io（.drawio XML）中创建、编辑、复刻并迭代优化可编辑的研究和技术图表。适用于生成科学插图、论文方法图、ML/系统架构图、draw.io 文件、复刻参考图、基于浏览器截图的反馈迭代、适用于 Windows 的 draw.io 预览，或修复文本重叠、箭头、颜色、图标、字体和组件对齐等布局问题。

E

email-accessibility

community-access / accessibility-agents

在邮件客户端渲染限制下实现 HTML 邮件的无障碍访问。

F

frontend-design

pedronauck / skills

创建独具特色、达到生产级质量的高设计水准前端界面。当用户要求构建网页组件、页面或应用时使用该技能。生成富有创意、精致打磨的代码，避免千篇一律的 AI 风格。

S

starwind-pro

starwind-ui / skills

在 Astro 项目中发现、安装和调整 Starwind Pro 区块。用于搜索 Pro 区块、配置 V3 Pro 访问权限、区分免费和付费可用性、安装当前工具返回的准确命令，或避免假设拥有许可证访问权限。

S

syncfusion-wpf-breadcrumb

syncfusion / wpf-ui-components-skills

实现用于层级路径导航的 Syncfusion WPF HierarchyNavigator（Breadcrumb）控件。适用于构建面包屑或地址栏 UI、将层级数据绑定到导航控件，或在 WPF 中启用带 AutoComplete 路径输入的编辑模式。涵盖导航历史记录、刷新按钮、导航过程中的进度条，以及键盘驱动的层级导航。

S

syncfusion-wpf-bullet-graph

syncfusion / wpf-ui-components-skills

实现用于绩效指标和 KPI 可视化的 Syncfusion WPF Bullet Graph（SfBulletGraph）组件。适用于将指标与目标进行对比、创建仪表盘量表，或按定性范围呈现绩效。此技能涵盖主要度量、比较度量、定性范围、目标跟踪，以及适用于仪表盘的紧凑型数据可视化。

S

syncfusion-wpf-chromeless-window

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF ChromelessWindow，以自定义窗口外框和标题栏。适用于在 WPF 应用中创建自定义窗口设计、自定义标题栏或实现无边框窗口。涵盖标题栏自定义、背景样式、圆角、自定义按钮和原生窗口外框集成。

S

syncfusion-wpf-domain-updown

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF DomainUpDown (SfDomainUpDown) 控件，通过微调按钮循环浏览预定义项目列表。适用于在 WPF 应用中添加域选择器、带上下按钮的项目选择器，或使用递增/递减按钮浏览集合的控件。涵盖项目填充、微调按钮对齐、样式、自动反向，以及使用自定义模板进行数据绑定。

S

syncfusion-wpf-double-textbox

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF DoubleTextBox 控件，支持带格式化和验证的双精度数值输入。适用于在 WPF 应用中添加数值文本框、配置数值范围（MinValue、MaxValue）或自定义数字格式。涵盖区域设置专属格式、滚动间隔、水印、空值和范围装饰器。

S

syncfusion-wpf-navigation-drawer

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF SfNavigationDrawer，用于滑出式导航面板和侧边栏。适用于构建可折叠侧面板、分层导航菜单，或支持响应式显示模式（紧凑/展开）的抽屉。

S

syncfusion-wpf-syntax-editor

syncfusion / wpf-ui-components-skills

为代码编辑器和高级文本编辑应用实现 Syncfusion WPF Syntax Editor (EditControl)。适用于在 WPF 中构建语法高亮代码编辑器、类似 IDE 的编辑器或源代码编辑界面。涵盖语法高亮、IntelliSense、查找/替换、编程语言支持，以及 Visual Studio 风格的编辑功能。

S

syncfusion-wpf-treeview

syncfusion / wpf-ui-components-skills

在 Windows Presentation Foundation 应用程序中实现 Syncfusion WPF TreeView（SfTreeView）控件以显示分层数据的全面指南。适用于处理树结构、文件夹层级、组织结构图或父子数据关系。支持拖放排序、复选框选择、大型数据集按需加载以及树节点内联编辑。

V

visual-style-ppt

irenerachel / visual-style-ppt-skill

严格使用 Image 2.5 模型创建风格驱动的幻灯片图像，将这些图像组装成纯图像 PPTX 演示文稿，并根据文档或视觉参考管理可复用的视觉风格库。适用于用户提出“PPT Skill”“风格驱动 PPT”“提炼风格做 PPT”“调用某个风格做 PPT”“图片版 PPT”“保存 PPT 风格”“列出 PPT 风格”“文档生成 PPT”“文章生成 PPT”“把文档做成演示文稿”，或希望专门为视觉幻灯片/图像演示文稿提取、保存、复用和应用视觉风格关键词。

W

web-motion-auditor

frankxai / awesome-motion-design-agent-skills

审查 Web 动画、UI 转场、滚动效果、悬停状态、加载状态、GIF/视频捕获、减少动态效果支持、动画性能，或 HTML、React、Next.js、Vercel 应用中的动效润色时使用。

W

wechat-article-formatter

solar-luna / fully-automatic-article-generation-skill

将 Markdown 文章转换为美化的 HTML 格式，适配微信公众号发布。应用专业 CSS 样式、代码高亮、优化排版。当用户说“美化这篇文章”“转换为 HTML”“优化公众号格式”“生成公众号 HTML”时使用。

W

win31-audio-design

curiositech / some_claude_skills

精通 Windows 3.1 时代的音效术语，服务于现代 Web/移动应用。使用 CC 许可的 8 位音频、Web Audio API 和触觉协调，创作令人愉悦的复古 UI 音效。在以下情况下激活

B

brandfy-auditoria

promovaweb / brandfy

审计品牌的完整性与一致性。用于审查文件、手册、可访问性、许可证和发布就绪情况。

C

canva

membranedev / application-skills

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

C

codegen-diagram

xstongxue / best-skills

基于当前项目或代码生成 Draw.io 图表，支持技术栈图、系统架构图、数据结构图和 E-R 图四种类型。输出符合 Draw.io 语法的 .drawio 文件（mxGraph XML），可直接导入 Draw.io 编辑。当用户提到技术栈、系统架构、数据结构或 E-R 图时使用

D

design-system-documenter

curiositech / some_claude_skills

为设计系统创建全面文档，包括令牌表、使用指南、组件示例和无障碍说明。生成令牌后使用，以创建便于开发者使用的

F

figma-export-tokens

southleft / figma-console-mcp-skills

将 Figma 变量导出为 DTCG、CSS 自定义属性、Tailwind v4/v3、SCSS、TypeScript、JSON、Style Dictionary 或 Tokens Studio 格式的设计令牌文件。适用于用户想将设计令牌从 Figma 导入代码的情况——触发词：“导出令牌”、“导出 Figma 变量”、“从 Figma 生成 CSS 变量”、“将我的 Figma 变量转换为 tokens.json / Tailwind 配置 / SCSS”、“将设计令牌同步到代码”。适用于任何 Figma 计划（通过 Plugin API 读取，而非仅限 Enterprise 的 Variables REST API）。反向操作（代码 → Figma）请使用 figma-import-tokens。

F

flutter-frontend-design

syeduzaif / flutter-frontend-design

创建设计品质出众、风格鲜明且适用于生产环境的 Flutter 移动端和 Web UI。用户要求构建 Flutter 屏幕、组件、仪表板或完整应用时使用此技能。生成富有创意、精致的 Dart/Flutter 代码，避免千篇一律的 AI 风格，并遵循 Flutter/Material/Cupertino 最佳实践。

F

framer-motion

schoepplake / framer-motion-skill

使用 Motion（原名 Framer Motion）为 React 和 Next.js 提供适用于生产环境的动画模式。用户要求在 React 或 Next.js 项目中为组件添加动画、添加过渡效果、创建滚动触发效果、实现页面过渡、布局动画、手势交互或任何动效时，使用此技能。代码导入 'framer-motion'、'motion/react' 或 'motion/react-client' 时，或用户提到 animation、transition、fade-in、slide、parallax、scroll animation、exit animation、AnimatePresence、motion.div、spring、gesture、drag、hover animation、stagger、whileInView 或 layout animation 时，也应触发。

L

lynx-api-docs

lynx-community / skills

为涉及页面、模板、组件、CSS、布局、元素、Web 迁移、渲染或样式 bug 以及代码审查的 Lynx 开发提供权威指导。适用于 *.ttml、Lynx *.tsx 及所有 Lynx 专属文件，并要求在操作前先搜索已安装的 API 文档。

M

minecraft-imagegen

jahrome907 / minecraft-agent-skills

生成或编辑 Minecraft 光栅素材，如资源包图标、宣传图、概念贴图、缩略图、横幅和 UI 模型稿。当交付物是位图图像而非 JSON、SVG 或代码原生素材时使用。

M

motherduck-design-dive

motherduckdb / agent-skills

设计或改进 MotherDuck Dive 的布局、响应式行为、主题、筛选器和视觉无障碍性。

P

pptx-slides

proyecto26 / slides-ai-plugin

用户要求“创建 PowerPoint”“生成 PPTX 幻灯片”“制作 PowerPoint 演示文稿”“构建 .pptx 文件”“创建可编辑幻灯片”“PptxGenJS”“可编辑演示文稿”“企业演示文稿”“用于分享的幻灯片”，或演示任务的输出格式为 PPTX 时使用。用户提到“导出到 PowerPoint”“PPTX 路演演示文稿”“离线演示文稿”，或上下文表明需要可编辑/企业格式时也会触发。使用 PptxGenJS 生成符合 OOXML 标准的 .pptx 文件，并进行精确布局、文本测量和重叠验证。

P

product-shots-main-image

motiful / product-shots

设计符合亚马逊规范的主图和 7 种副图类型（信息图/多角度/细节图/场景图/变体/包装内容/尺寸参考）——包含平台强制的主图规则、按产品类目优化转化率的副图类型，以及以主图 URL 为锚点的多图一致性。当用户说 "Amazon main image"、"亚马逊主图"、"product main image"、"white background product image"、"Amazon listing image"、"亚马逊副图"、"secondary images"、"product carousel images"，或要求提供用于亚马逊详情页轮播的 1:1 产品图套图时使用。A+ Content/详情页模块（21:9 Hero Banner 和 3:2 模块布局）请参见 `product-shots-detail-page` 技能。

S

shadcn

laguagu / claude-code-nextjs-skills

管理 shadcn 组件和项目，支持添加、搜索、修复、调试、设置样式和组合 UI（包括聊天界面）。提供项目上下文、组件文档和用法示例。适用于使用 shadcn/ui、组件注册表、预设、--preset 代码或任何包含 components.json 文件的项目。也适用于执行“shadcn init”“create an app with --preset”“switch to --preset”，以及构建设计系统或将 DESIGN.md 或品牌规范应用于 shadcn/ui。

S

sn-md-to-html-report

opensensenova / sensenova-skills

将 Markdown 报告、研究笔记、行业分析、战略备忘录、技术白皮书、复盘、周报等长文档，重新组织并创作为兼具编辑判断、网页美感和证据脉络的自包含 HTML 专题页。用户要求“转成 HTML”“网页化报告”“美化报告”“做成专题页”“便于分享”“提升可读性/设计感”“把报告做成网页”时使用。必须先写 plan.md 再写 HTML，保留原文事实断言和结论强度，不套用模板，也不做机械的 Markdown 转换。

S

syncfusion-wpf-datetimepicker

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF DateTimeEdit（DateTimePicker）控件，支持通过下拉日历和时钟选择日期与时间。适用于在 WPF 应用中添加日期时间选择器、带掩码的日期时间输入或日期时间选择控件。涵盖 DateTime 绑定、掩码/自由格式编辑、模式格式化、CultureInfo 本地化、下拉视图、日期范围限制、禁用日期、空值处理、水印，以及使用 SfSkinManager 设置主题。

S

syncfusion-wpf-diagram

syncfusion / wpf-ui-components-skills

在 Windows Presentation Foundation 应用中实现 Syncfusion WPF Diagram（SfDiagram）的完整指南。适用于在 WPF 中使用流程图、组织结构图、BPMN 或 UML 等图表。涵盖创建图表、添加节点和连接器、配置自动布局、实现 BPMN 和 UML 图形、设置符号面板、数据绑定、导出功能和外观自定义。

S

syncfusion-wpf-kanban-board

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF Kanban（SfKanban）控件，用于工作流可视化和任务管理。适用于构建敏捷项目跟踪界面、工作流看板或任务管理系统。涵盖卡片配置、多卡片拖放选择、列管理和重新排序、泳道、WIP 限制、拖放功能、工作流、排序和事件处理。

S

syncfusion-wpf-multi-column-dropdown

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF Multi Column Dropdown（SfMultiColumnDropDownControl），以网格视图显示可搜索的下拉列表。适用于创建多列下拉菜单、自动完成，或组合框中的可筛选数据网格。支持数据绑定、列配置、多行选择和弹出窗口自定义。

S

syncfusion-wpf-percent-textbox

syncfusion / wpf-ui-components-skills

实现用于处理百分比输入的 Syncfusion WPF PercentTextBox 控件时使用此技能。提供有关值绑定、最小值/最大值验证、支持区域性的数字格式设置、正数/负数/零的前景色自定义、滚动间隔和范围装饰器等交互功能、水印文本，以及支持国际格式的百分比输入控件数据绑定模式的全面指南。

S

syncfusion-wpf-radial-gauge

syncfusion / wpf-ui-components-skills

在 Windows Presentation Foundation 应用中实现用于数据可视化的 Syncfusion WPF Radial Gauge（SfCircularGauge）组件的全面指南。适用于使用圆形量表、速度表、KPI 显示或进度仪表。此技能涵盖指针配置、刻度自定义、范围和区域、交互式指针拖动、动画和注释，帮助创建丰富的仪表盘可视化。

S

syncfusion-wpf-scheduler

syncfusion / wpf-ui-components-skills

在桌面应用中实现 Syncfusion WPF Scheduler（SfScheduler），用于管理约会和日历视图。适用于构建日程安排界面、约会管理系统或资源预订应用。此技能涵盖日历视图、约会处理、资源排程、时间线自定义，以及 Outlook 风格的日历功能。

S

syncfusion-wpf-tab-navigation

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF TabNavigationControl，通过滑动、淡入淡出、缩放和模糊过渡实现动画内容切换。适用于构建带过渡效果的标签导航、广告轮播式内容展示，或在 WPF 中实现动画项目切换。涵盖全部七种 TransitionEffect 值、ItemsSource 数据绑定，以及外观自定义（HeaderVisibility、NavigationButtonVisibility、TabStripVisibility）。

S

syncfusion-wpf-tab-splitter

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF TabSplitter，用于 VS 2008 风格的上下分区面板拆分式选项卡视图。在 WPF 中构建拆分式选项卡布局、双面板视图或并排选项卡视图时使用。涵盖 SplitterPage、TopPanelItems、BottomPanelItems、TabSplitterItem，以及可折叠拆分面板的配置。

S

syncfusion-wpf-taskbar

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF TaskBar，创建类似 Windows Explorer 的分组任务面板，并包含可折叠的 TaskBarItem 区段。适用于在 WPF 中构建分组折叠面板、Windows XP 风格侧边栏或可展开的操作面板区段。涵盖 TaskBarItem、GroupMargin、GroupPadding、GroupWidth、GroupOrientation、IsOpened、ButtonSize 和动画速度配置。

S

syncfusion-wpf-treemap

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF TreeMap（SfTreeMap）控件，通过嵌套矩形可视化层级数据。适用于可视化具有层级结构的大型数据集、创建热力图或展示比例数据。此技能涵盖 TreeMap 配置、布局算法、颜色映射、数据绑定和交互功能，适用于股票分析、数据分类和层级可视化场景。

V

visio-image-rebuilder

pengjunchi0 / codex-visio-paper-figure-skill

根据参考图像和现有 .vsdx 文件重建或重新设计可编辑的 Microsoft Visio 图表，然后将成品导出为 .vsdx、PNG、SVG、PDF 或 PPTX。用户要求 Codex 打开 Visio、根据 PNG/JPG/屏幕截图/参考图像重绘图表、匹配科学模型图、更新 .vsdx 中的颜色/字体排版/布局、校准面板坐标以避免子模块偏移或重叠，或在保留 Visio 原生可编辑形状而非将参考图像嵌入为静态图片的前提下制作出版物/演示文稿时使用。

V

visual-testing-advanced

proffesor-for-testing / agentic-qe

高级视觉回归测试，支持像素级精准比对、AI 驱动的差异分析、响应式设计验证和跨浏览器视觉一致性检查。用于检测 UI 回归、验证设计或确保视觉一致性

W

web-accessibility

magnus919 / agent-skills

设计、构建并评审无障碍 Web 界面，涵盖原生语义、键盘与焦点行为、表单与错误恢复、响应式输入、动效、辅助技术测试，以及基于 WCAG 2.2 的证据。适用于跨框架的 a11y、WCAG、ARIA、屏幕阅读器、键盘、焦点、对话框、表单、控件或无障碍评审工作。请勿将此技能用于无关请求；请转给最接近的具名专家。

D

dynamic-archify

unclecheng-li / ai_animation

创建专业的架构、工作流、时序、数据流和生命周期／状态图，并生成独立的动画 HTML 文件，包含 SVG 图形、流动动画效果、内置深色／浅色主题切换，以及一键导出为 PNG / JPEG / WebP / SVG / GIF / WebM。支持纯语言描述或粘贴 Mermaid 代码，并从头布局图表。适用于用户要求绘制系统架构图、基础设施图、云架构可视化、安全图、网络拓扑、技术工作流、审批流程、运行手册、CI/CD 流程、流程图、API 调用时序、请求生命周期、数据管道、ETL/ELT 图、PII 边界、数据血缘、状态机、生命周期图、状态转换，或要求转换／美化 Mermaid 图表时。

L

layer-game-ui

layerai / skills

使用 Layer 制作游戏 UI 时使用：按钮、面板、边框、对话框、标签页、工具提示、HUD 元素、技能和库存图标、货币符号，或卡牌和徽章底板。也适用于按钮需拉伸至任意宽度而不使边角变形、UI 套件需导入 Unity、Godot 或 CSS，或图标集需在 64px 尺寸下清晰可辨并匹配已批准图标的情况。关键词：游戏 UI、9-slice、nine-slice、UI 套件、按钮、面板、边框、HUD、图标集、NinePatch、border-image

L

layout-composition

arnavpuri / designskills

用于网页和 UI 的网格系统、视觉层级、留白以及现代 CSS 布局模式（grid、flexbox、bento、container queries）。当在页面或屏幕上排布内容时使用。间距/圆角 token 本身请使用 design-system；幻灯片布局请使用 presentation-design。触发短语：“layout”“grid”“bento grid”“visual hierarchy”“page layout”“flexbox layout”“whitespace”“responsive layout”“composition”“css grid”“container queries”。

S

spec-to-readable-html

kemezz / spec-to-readable-html

将 Markdown 或文本规格说明转换为易读的 HTML 文档，包含摘要、重排后的结构、可视化说明、图表及源文档追溯。用户要求将规格说明、需求文档、API 规格、产品规格、设计文档或技术文档转换为易读的 HTML 时使用，尤其是用户希望进行摘要、重组并添加示意图、图表、图片或视觉辅助，而不是逐字将 Markdown 转成 HTML。

S

syncfusion-wpf-avatar-view

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF SfAvatarView，用于显示用户头像和姓名首字母。适用于在 WPF 中使用头像控件、用户资料展示、群组头像或徽章集成。涵盖所有内容类型（Default、Initials、CustomImage、AvatarCharacter、Group、ContentTemplate）、视觉样式（Circle、Square、自定义形状/尺寸）、外观自定义及 SfBadge 集成。

S

syncfusion-wpf-dropdownbuttonadv

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF DropDownButtonAdv，用于带弹出菜单的下拉按钮控件。在 WPF 中添加下拉按钮、下拉菜单或带选项列表的按钮时使用。涵盖菜单项、数据绑定、命令绑定、下拉方向、事件、多行文本、样式和主题。

S

syncfusion-wpf-gantt

syncfusion / wpf-ui-components-skills

在 Windows Presentation Foundation 应用程序中实现 Syncfusion WPF Gantt 控件，用于项目管理和任务排期。在构建项目规划工具、任务时间线可视化或资源管理系统时使用。此技能涵盖甘特图配置、任务依赖关系、拖放交互、资源分配、基线跟踪和自定义选项。

S

syncfusion-wpf-heatmap

syncfusion / wpf-ui-components-skills

使用 Syncfusion WPF Heat Map（SfHeatMap）控件，通过颜色渐变实现基于矩阵的数据可视化。在使用颜色编码单元格可视化表格数据、创建热力图，或显示数据密度模式时使用。此技能涵盖 WPF 应用程序的数据映射、调色板配置、图例自定义和单元格标签格式设置。

S

syncfusion-wpf-hub-tile

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF Tile Controls（SfHubTile 和 SfPulsingTile），用于动画磁贴 UI。在 WPF 中构建 Windows 风格的动态磁贴、磁贴过渡效果、磁贴动画或分组磁贴布局时使用。涵盖 Slide/Fade 过渡、脉冲/缩放内容、磁贴分组、冻结/取消冻结动画，以及桌面风格的动态磁贴体验。

S

syncfusion-wpf-linear-progressbar

syncfusion / wpf-ui-components-skills

实现 Syncfusion WPF SfLinearProgressBar，用于水平或垂直线性进度指示。在 WPF 中构建确定进度显示、不确定加载条、缓冲/次级进度或分段进度条时使用。涵盖 RangeColors、渐变进度、IndicatorPadding、IndicatorCornerRadius，以及使用 Syncfusion.SfProgressBar.WPF 配置 IsIndeterminate。

S

syncfusion-wpf-olap-gauge

syncfusion / wpf-ui-components-skills

介绍如何实现 Syncfusion WPF OLAP Gauge 控件，用于显示来自 OLAP 数据源的关键绩效指标（KPI）。在处理 OLAP KPI 可视化、商业智能仪表板或 WPF 中的 XML/A 数据绑定时使用。此技能涵盖连接 OLAP 多维数据集、SQL Server Analysis Services、Mondrian 服务器，以及为高管仪表板和 BI 应用程序配置 KPI 显示。