Skills

S

sounds-on-the-web

raphaelsalaja / skill

审查 UI 代码中的音频反馈最佳实践。适用于审查声音实现、检查音频 UX 决策或进行无障碍审计。输出格式为 file:line。

S

syncfusion-maui-avatar-view

syncfusion / maui-ui-components-skills

实现 Syncfusion .NET MAUI Avatar View（SfAvatarView），用于显示用户头像、姓名首字母或群组头像。适用于处理头像视图、个人资料图片、用户图像、姓名首字母显示、个人资料图标或联系人图片，以及实现用户资料展示、联系人列表、聊天界面或社交信息流。

S

syncfusion-maui-busy-indicator

syncfusion / maui-ui-components-skills

在 .NET MAUI 中实现 Syncfusion .NET MAUI Busy Indicator (SfBusyIndicator)，用于显示加载状态、数据处理和应用活动指示。在 .NET MAUI 应用中显示加载指示器、忙碌动画、活动旋转图标或处理反馈时使用。涵盖忙碌指示器设置、动画以及长时间运行操作期间的视觉反馈。

V

vision

simota / agent-skills

指导 UI/UX 创意工作，包括重新设计、新设计、趋势应用、Design System 构建，以及 Muse/Palette/Flow/Forge 编排。用于设计指导。提供协同设计搭档模式

W

web-design-guidelines

blockmatic / basilic-skills

依据 Vercel Web Interface Guidelines 审查 UI 代码。应要求审查 UI、检查无障碍性、审核设计、审查 UX，或根据 Web 界面最佳实践检查网站时使用。

W

web-design-guidelines

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

A

article-to-html

agentara / skills

将对话上下文中的 Markdown 草稿或任意文档渲染为单文件“论文提案”HTML——衬线正文字体、等宽元信息、编号章节、内嵌 SVG 图表、提示框、表格及可选交互元素。用户提出“转成 HTML”“渲染成网页”“美化 HTML”“生成单页文档”“生成文章 HTML”“论文风格 HTML”“转换为文章 HTML”“渲染成文档 HTML”等类似要求，并希望得到**静态单文件**而非 Figma/PDF/PPT 时触发。用户粘贴 Markdown 并要求“美化”“排版”或“做成网页版本”时也会触发。用户需要幻灯片、后端或多页网站时不要触发。

B

baseline-ui

vercel-labs / open-agents

在 Tailwind CSS 项目中验证动画时长、规范字体比例、检查组件可访问性并防止布局反模式。在构建 UI 组件、审查 CSS 工具类、设置 React 视图样式或确保设计一致性时使用。

F

form-cro

davila7 / claude-code-templates

当用户想优化任何非注册/注册类表单时使用，包括潜客获取表单、联系表单、演示申请表单、申请表、调查问卷或结账表单。当用户提到“表单优化”“潜客表单转化”“表单摩擦”“表单字段”“表单完成率”或“联系表单”时也使用。注册/注册类表单请参见 signup-flow-cro；包含表单的弹窗请参见 popup-cro。

H

html-ppt

aiden-44 / html-ppt-skill

HTML PPT Studio——通过模板制作多种风格、布局和动画的专业静态 HTML 演示文稿。适用于用户请求演示文稿、PPT、幻灯片、主题演讲、演示稿、幻灯片组、幻灯片放映、“幻灯片”、“演讲稿”、“做一份 PPT”、“做一份 slides”、reveal 风格的 HTML 演示文稿、小红书图文，或任何需要美观且支持键盘导航的多页提案／报告／分享文档。触发词包括“presentation”、“ppt”、“slides”、“deck”、“keynote”、“reveal”、“slideshow”、“幻灯片”、“演讲稿”、“分享稿”、“小红书图文”、“talk slides”、“pitch deck”、“tech sharing”、“technical presentation”、“피피티”、“발표자료”、“발표 자료 만들어줘”、“슬라이드 만들어줘”、“카드뉴스”、“발표 대본”、“프레젠테이션”。

R

react-email

blockmatic / basilic-skills

使用 React 组件构建 HTML 邮件模板、通过 React Email 可视化编辑器为应用添加可视化邮件编辑器、将邮件渲染为 HTML，或使用 Resend 发送邮件时使用。涵盖欢迎邮件、密码重置、通知、订单确认、新闻简报、事务性邮件，以及可嵌入的邮件编辑器组件。

R

react-email

blockmatic-icebox / basilic-skills

Basilic Workflow Agent 技能

S

syncfusion-maui-accordion

syncfusion / maui-ui-components-skills

实现 Syncfusion® .NET MAUI Accordion（SfAccordion），这是一种带堆叠标题的垂直折叠面板，可展开或折叠内容。适用于在 .NET MAUI 应用中使用手风琴控件、可折叠面板、可展开列表、带详情的员工列表或 FAQ 区域。涵盖 AccordionItem 配置、展开模式和分组内容显示。

S

syncfusion-maui-cards

syncfusion / maui-ui-components-skills

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

S

syncfusion-maui-maps

syncfusion / maui-ui-components-skills

实现 Syncfusion® .NET MAUI Maps (SfMaps) 控件。适用于实现地图、可视化地理数据，或显示形状图层和瓦片图层（OpenStreetMap、Azure maps、Google Maps、Bing Maps）。涵盖标记、气泡、图例、数据标签、工具提示、子图层、缩放和平移功能，以及在 .NET MAUI 应用中可视化空间数据。

U

user-research-cookiy

podo / design-agent-skills

端到端的定性和定量用户研究助手。涵盖研究规划、讨论指南创建、访谈记录综合、主题分析和研究报告；还可选择在 Cookiy AI 平台上开展 AI 主持的访谈（真人或合成）和问卷调查。由 Cookiy 发布。

U

ux-writing-arabic

itady74 / ux-writing-arabic

全面的阿拉伯语用户体验写作（UX Writing）与内容设计指南。适用于为应用、网站撰写阿拉伯语内容，包括错误消息、按钮、标签、通知、空状态、确认对话框、成功消息、表单字段、帮助文本及任何面向用户的阿拉伯语文本。也适用于内容策略、文案撰写、微文案以及阿拉伯语语调和风格指南。

W

wireframer

agilek / wireframer-skill

使用此技能生成任何 Web UI 的线框图、模型图或低保真可点击原型。用户提到线框设计、制作模型、原型设计或绘制 UI 草图时调用，包括“lo-fi prototype”“rough layout”“Balsamiq-style”“hand-drawn UI”“clickable prototype”“sketch the screens”“visualize the flow”或“show what the app would look like”等说法。用户希望在编写生产代码前构思、为利益相关者准备概念、开展设计冲刺，或询问 react-doodle-icons 时也使用。生成独立的 SPA，采用粗略手绘美学：交互式 wired-elements 组件、方格纸背景和涂鸦图标。

C

Chatbot Designer

jmsktm / claude-settings

设计具有理想对话流程和用户体验的对话式 AI 聊天机器人

D

drawio-chart

snailclimb / aiguide

Draw.io 配图专家：用于生成和导出 `.drawio` 图表。在用户要求 draw.io、diagrams.net、流程图、架构图、时序图、ER 图、状态图、思维导图，或明确提到 `.drawio`、PNG、SVG、PDF 导出、技术文章配图时使用。默认输出专业技术风格，并遵循 floracat-architecture-diagram 的视觉规范。

F

frontend-developer

dhruvjainin / absolute

将你的开发生命周期提升 10 倍的绝佳技能

F

frontend-developer

maddhruv / absolute

将你的开发生命周期提升 10 倍的绝佳技能

S

software-ux-research

vasilyu1983 / ai-agents-public

指导用户研究和研究运营。用于开展访谈、可用性测试、问卷调查或综合分析，以降低产品决策风险；不适用于实验或评论挖掘

S

syncfusion-maui-badge-view

syncfusion / maui-ui-components-skills

实现 Syncfusion .NET MAUI Badge View（SfBadgeView）控件。在 MAUI 应用中添加徽标通知、状态指示器、未读计数或通知覆盖层时使用。涵盖 SfBadgeView 设置、徽标文本自定义、位置调整、动画、预定义符号和无障碍功能。

S

syncfusion-maui-calendar

syncfusion / maui-ui-components-skills

实现并自定义 Syncfusion .NET MAUI Calendar（SfCalendar）控件。适用于实现日历功能、日期选择（单选、多选、范围选择）或日历视图（月、年、十年、世纪）。涵盖用于限制用户可导航视图范围的 MinimumDisplayMode 和 MaximumDisplayMode、日期限制（最小/最大日期、EnablePastDates、SelectableDayPredicate）、日历自定义、事件（ViewChanged、SelectionChanged、Tapped）以及页眉/页脚自定义。

S

syncfusion-maui-carousel

syncfusion / maui-ui-components-skills

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

S

syncfusion-maui-circular-charts

syncfusion / maui-ui-components-skills

实现 Syncfusion® .NET MAUI Circular Charts（SfCircularChart），包括饼图、环形图和径向条形图。适用于圆形数据可视化、饼图、环形图或径向条形图。适合展示百分比细分、类别比较、部分与整体的关系，或以圆形格式呈现比例数据。

S

syncfusion-maui-pull-to-refresh

syncfusion / maui-ui-components-skills

实现用于交互式内容刷新的 Syncfusion® .NET MAUI PullToRefresh (SfPullToRefresh) 控件。适用于处理下拉刷新、刷新控件、滑动刷新，或通过下拉手势更新内容的场景。涵盖刷新 ListView、DataGrid 或任何可滚动内容，自定义刷新指示器、MVVM 刷新模式以及下拉刷新事件。

S

syncfusion-maui-switch

syncfusion / maui-ui-components-skills

实现并自定义 Syncfusion .NET MAUI Switch（SfSwitch）控件。适用于 .NET MAUI 应用中的开关、切换开关、开/关控件或二元状态控件。涵盖开关自定义（颜色、大小、图标）、状态变化、不确定状态和视觉状态管理器。

U

ui-screenshots

github / awesome-copilot

在开发期间使用 Playwright 和 PIL 捕获 Web 应用截图。支持整页截图、交互状态，以及无需缓慢重复截图的迭代裁剪工作流

B

baoyu-slide-deck

guanyang / open-agent-hub

根据内容生成专业的幻灯片组图片。先创建包含风格说明的大纲，再逐张生成幻灯片图片。用户要求“创建幻灯片”“制作演示文稿”“生成幻灯片组”“slide deck”或“PPT”时使用。

C

Customer Journey Mapper

jmsktm / claude-settings

绘制客户旅程，以优化触点和体验

D

design-engineer

darasoba / design-engineer-plugin

以设计工程的专业技艺构建界面，融合设计与代码。用户要求构建 UI 组件、交互元素、动画、微交互或精致的 Web 体验时使用。触发词包括“design engineer”“interaction design”“micro-interactions”“craft”“polish”“delight”“animation”“motion design”“haptics”“toast”“command palette”“design system components”，以及希望界面鲜活、响应迅速且细节精雕细琢的请求。用户想添加不易察觉的细节、微调交互或让某些体验“恰到好处”时也应使用。与 frontend-design 技能互补，专注于交互质量、动态效果和工程技艺。

G

gpt-image-2

glebis / claude-skills

使用 OpenAI 的 GPT Image 2 API 生成和编辑图像。此交互式技能通过风格预设、注重成本的草稿／成品工作流、思考模式、轮播图和照片编辑，引导用户完成图像创作。用户要求通过 OpenAI/GPT Image 2 生成图像、希望创建社交媒体轮播图、将照片编辑成艺术风格，或需要带有可读文字的图像（信息图、图表、海报）时使用。

K

keyboard

mgifford / accessibility-skills

对于包含交互式 UI 元素的所有项目——按钮、链接、模态框、下拉菜单、滑块、标签页、轮播组件或任何自定义小部件——都要加载此技能。绝不可创建无法仅用键盘完整操作的交互组件。务必确保焦点指示器清晰可见、Tab 顺序合理，且不存在键盘陷阱。无一例外地将这些规则应用于每个交互元素。

R

replit-deck

nexu-io / open-design

采用 Replit Slides 着陆页模板库风格的单文件横向滑动 HTML 演示文稿。提供八种不同主题（helix、holm、vance、bevel、world-dark、world-mint、atlas、bluehouse），每种都是从 replit.com/slides 提取的完整视觉系统（配色 + 字体 + 强调元素）。选择一种主题，不要混用。适用于路演演示文稿、董事会报告、品牌备忘录和营销活动展示；仅在用户明确要求“Replit Slides style”时使用。

S

slides-audit

mpuig / agent-slides

对现有演示文稿进行技术质量检查。查找并修复字号违规、形状重叠、对比度问题、来源缺失和布局规范问题。适用于用户说“检查演示文稿中的问题”“运行 QA”“检查幻灯片”“是否存在格式问题”“审核演示文稿”，或希望在分享前验证视觉质量的场景。

S

slides-build

mpuig / agent-slides

根据需求简述构建完整的演示文稿。生成叙事规划和幻灯片操作，渲染演示文稿并运行 QA。需要先从 /slides-extract 提取模板规范。适用于用户希望创建幻灯片、构建演示文稿、生成演讲稿、撰写战略演示文稿，或提出“制作一份关于 X 的 10 页演示文稿”“创建一份关于 Y 的演示文稿”“为董事会会议制作幻灯片”等要求。

S

slides-extract

mpuig / agent-slides

从 .pptx 文件中提取模板约定。生成布局目录、原型、解析后的清单，以及供 slides-build 使用的干净基础模板。用户提供 PowerPoint 模板、说“use this template”、“extract layouts”、“analyze this pptx”，或希望在制作幻灯片前准备模板时使用。

S

syncfusion-maui-circular-progressbar

syncfusion / maui-ui-components-skills

在 .NET MAUI 中实现和自定义 Syncfusion® Circular ProgressBar（SfCircularProgressBar）组件。适用于圆形进度条、圆形进度指示器、径向进度、进度圆或弧形进度。涵盖确定／不确定进度状态、动画进度指示器、分段圆形进度和自定义角度。

S

syncfusion-maui-date-time-picker

syncfusion / maui-ui-components-skills

实现 Syncfusion .NET MAUI DateTimePicker（SfDateTimePicker）控件。适用于在 .NET MAUI 应用中实现日期和时间选择、日期时间选择器或日期时间输入界面。涵盖 DateTimePicker 设置、日期/时间格式化、选择器模式（对话框/相对）、自定义、日期限制、间隔、事件、本地化和无障碍访问。

S

syncfusion-maui-expander

syncfusion / maui-ui-components-skills

实现 Syncfusion® .NET MAUI Expander（SfExpander）控件，用于可折叠和可展开的内容区块。适用于在 .NET MAUI 应用中使用扩展器、可折叠区块、手风琴、可展开面板或展开/折叠功能。涵盖节省空间的布局、页眉自定义、展开/折叠动画和液态玻璃效果。

S

syncfusion-maui-masked-entry

syncfusion / maui-ui-components-skills

实现 Syncfusion .NET MAUI Masked Entry（SfMaskedEntry）控件，使用掩码模式限制并格式化文本输入。适用于掩码输入、文本掩码、格式化输入、电话号码输入、带格式的日期输入或掩码验证。涵盖简单掩码、RegEx 掩码、提示字符以及带验证的自动格式化。

S

syncfusion-maui-navigation-drawer

syncfusion / maui-ui-components-skills

实现 Syncfusion .NET MAUI Navigation Drawer（SfNavigationDrawer）组件。适用于 .NET MAUI 应用中的导航抽屉、滑动抽屉、侧边菜单、汉堡菜单或抽屉面板。涵盖抽屉位置（左/右/上/下）、动画（SlideOnTop/Push/Reveal）、内容管理、滑动手势和事件。

S

syncfusion-maui-numeric-entry

syncfusion / maui-ui-components-skills

实现 Syncfusion .NET MAUI Numeric Entry 控件。适用于带验证和格式设置（货币、百分比、小数）的数值输入、数值增减按钮或范围限制。适合价格输入、数量选择器、百分比计算器或使用自定义格式的数值录入。

S

syncfusion-maui-polar-charts

syncfusion / maui-ui-components-skills

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

S

syncfusion-maui-pyramid-charts

syncfusion / maui-ui-components-skills

实现 Syncfusion® .NET MAUI Pyramid Chart（SfPyramidChart），使用金字塔形分段直观呈现层级、比例和部分与整体的数据。适用于金字塔图、层级数据可视化、比例数据展示或分段图表。此技能涵盖安装、数据绑定、图例、工具提示、数据标签、外观自定义和渐变。

S

syncfusion-maui-theming

syncfusion / maui-ui-components-skills

为 Syncfusion .NET MAUI 组件设置主题和样式。适用于 SyncfusionThemeResourceDictionary、MaterialLight、MaterialDark、CupertinoLight、CupertinoDark、视觉主题或主题切换。涵盖主题自定义、颜色覆盖、主题键、深色模式、浅色模式和品牌定制。

A

accessibility

evanca / flutter-ai-rules

处理无障碍访问、a11y、WCAG、ARIA、屏幕阅读器、键盘导航、焦点顺序、对比度、替代文本、字幕、减少动态效果或目标尺寸时使用；不适用于语言、文化或设备相关问题（参见 inclusive-design）。

B

baoyu-cover-image

guanyang / open-agent-hub

通过组合 11 种调色板和 7 种渲染风格，根据 5 个维度（类型、调色板、渲染、文本、情绪）生成文章封面图。支持电影宽屏（2.35:1）、宽屏（16:9）和正方形（1:1）比例。用户请求“generate cover image”“create article cover”或“make cover”时使用。

C

canvas-apps-ui-gen

toluvictor / canvas-apps-tools

生成可直接粘贴的 Power Apps Canvas App YAML。用户想复刻 UI 模型、改进现有 Canvas 应用屏幕，或根据文本描述构建新屏幕时调用。用户要求“改进”“重新设计”或为 Canvas 应用屏幕“生成 YAML”时也调用。

C

chat-customizations-editor

microsoft / vscode

处理 Chat Customizations 编辑器相关工作——用于管理 Agent、skills、指令、hooks、提示词、MCP 服务和插件的管理界面。

D

discord-graphics-generation

eachlabs / skills

使用 each::sense AI 生成 Discord 服务器图形。创建符合 Discord 格式要求的服务器图标、横幅、身份组图标、欢迎图、活动横幅、机器人头像、表情符号等。

G

guizang-ppt-skill

seandongx / guizang-ppt-skill

生成横向翻页网页 PPT（单 HTML 文件），含 WebGL 背景、章节幕封、数据大字报、图片网格等模板。提供三种风格：①“电子杂志 × 电子墨水”（衬线 + 流体背景 + 暖色）；②“瑞士国际主义”（无衬线 + 网格点阵 + IKB/柠檬黄/柠檬绿/安全橙高亮）；③“华为企业汇报”（白灰底 + Huawei red + 企业总结/计划/商务汇报版式）。当用户需要制作分享/演讲/发布会风格的网页 PPT，或提到“杂志风 PPT”“瑞士风 PPT”“华为 PPT”“企业汇报模板”“Swiss Style”“horizontal swipe deck”时使用。

H

html-ppt

nexu-io / open-design

用于咨询交付工作：将诊断、框架和项目工作转化为客户可采纳的行动计划。围绕核心查询“consulting-final-deck”构建，结合项目经理判断和面向买方的证据，目标是让客户接受建议并承诺由负责人落实路线图。

R

responsive-ui

jame581 / godotprompter

处理多种分辨率时使用，包括拉伸模式、宽高比、DPI 缩放，以及移动端／桌面端适配。

S

sgds-writing

govtechsg / sgds-web-component

新加坡政府设计系统（SGDS）的写作风格指南。撰写或审校 UI 文案、文档、标签、错误消息、工具提示，或任何与 SGDS 组件配套的内容时使用。涵盖语气、语法、拼写、大小写、标点和浅白语言原则。

S

syncfusion-maui-autocomplete

syncfusion / maui-ui-components-skills

实现并配置 Syncfusion .NET MAUI Autocomplete（SfAutocomplete）控件，为文本输入提供智能建议。适用于在 .NET MAUI 应用中实现自动补全、自动建议、即时搜索、智能搜索或筛选下拉菜单。涵盖数据绑定、筛选模式、自定义搜索逻辑、AI 驱动搜索、带令牌的多选和 UI 自定义。

S

syncfusion-maui-chat

syncfusion / maui-ui-components-skills

在 .NET MAUI 应用中实现 Syncfusion® .NET MAUI Chat（SfChat）控件。适用于处理聊天界面、消息 UI、对话界面、聊天气泡或消息线程。涵盖消息类型（文本、图像、日历、卡片）、数据绑定、事件、建议、输入指示器、时间分隔和滑动操作。

S

syncfusion-maui-getting-started

syncfusion / maui-ui-components-skills

设置并配置 Syncfusion .NET MAUI 组件。在设置、配置、安装或许可 Syncfusion .NET MAUI 应用程序时使用。涵盖安装（NuGet、安装程序）、许可（生成、注册、错误）、主题（Material、Cupertino、自定义）、AI 服务集成（Azure OpenAI、Claude、Gemini、DeepSeek、Groq）和软件包升级。