Skills

W

watchos

fusengine / claude-plugins

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

W

wcag-audit-patterns

marcioaltoe / skills

通过自动化测试、人工验证和修复指导开展 WCAG 2.2 无障碍审计。在审计网站无障碍性、修复 WCAG 违规问题或实现无障碍设计模式时使用。

W

web-design-guidelines

dirnbauer / webconsulting-skills

审查 UI 代码是否符合 Web Interface Guidelines。当被要求「review my UI」「check accessibility」「audit design」「review UX」或「check my site against best practices」时使用。

W

website-to-vite-scraper

breverdbidder / life-os

多提供方网站抓取器，可将任意网站（包括 CSR/SPA）转换为可部署的静态站点。使用 Playwright、Apify RAG Browser、Crawl4AI 和 Firecrawl 进行全面抓取。在请求克隆、逆向工程或转换网站时触发。

W

website-ui-ux-engineer

teenmeem / agent-skills

当用户想要设计或构建任何网站或 Web UI 时使用本 skill。触发条件——当请求涉及以下内容时激活：- 落地页、营销网站、作品集、SaaS 前端 - 仪表盘、管理面板、数据可视化 - Web 应用、多页网站、组件库 - 诸如“构建一个网站”“创建落地页”“设计 UI”“做一个 Web 应用”“构建作品集”“重新设计这个页面”等表述 - 任何主要交付物为可视化、浏览器渲染界面的任务 行为——本 skill 产出完整、生产级 Web 输出：- 适配手机、平板和桌面的响应式布局 - 具备可访问性的语义化 HTML5（ARIA、对比度、键盘导航）- 通过 Tailwind 或原生 CSS 实现现代样式——包含动画和过渡 - 交互式 React 或原生 JS 组件 - 一致的设计系统：排版、颜色令牌、间距、图标 - 零占位符或 TODO——所有部分均完整实现 不要触发的情况：后端逻辑、REST/GraphQL API、数据库 schema、命令行工具、脚本，或任何输出不是浏览器 UI 的任务。当预期交付物为可视化 Web 成品时，优先于通用编码 skill 使用。

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 或验证命令。

Y

youtube-thumbnail

kenneth-liao / ai-launchpad-marketplace

用于创建和编辑为点击率优化的 Youtube 缩略图的技能。此技能不应直接使用，而应使用同样能调用它的 Thumbnail Designer 子代理。当用户要求从零开始创建缩略图或编辑现有缩略图时使用。

Y

yuv-design-system

hoodini / ai-agents-skills

Yuval Avidani 的 YUV.AI 品牌与设计系统。仅当请求 YUV.AI 品牌输出时应用——演示文稿、幻灯片、主题演讲、作品集、品牌网站、个人简介、演讲者简介、品牌资产，或任何提到 YUV.AI / "my brand" / "my deck" / "my site" / "for me" 的提示词。不要在无 YUV.AI 上下文的通用 "build a game / web app / dashboard / landing page" 上自动触发——那些使用任何合适的配色。三种模式；NEON（亮粉 #FF1464 + 霓虹青 #00E5FF + 白色，YUV.AI 网页、应用、游戏、仪表盘、社交、通用视觉工作的默认模式）；DECKS（Fly High 紫/黄/灰，仅用于演示文稿和幻灯片）；Warm Editorial（粉/黄/骨色，用于 Hope、Marcus、bigcats.ai、practical.yuv.ai）。所有模式贯穿通用的 Fly High 主线；飞行/进度母题（HUD 条、表盘、"Let's Fly High" 标语、凤凰标志）。Anton + Inter（英文），Rubik + Assistant（希伯来文），letter-spacing 默认 0。内含品牌资产、规范社交信息、资质。如指定项目品牌则项目品牌优先。

A

a11y

paragonhq / stealth-skills

将无障碍融入构建过程，而不是事后补救。优先使用语义化 HTML，确保键盘顺序和焦点管理、焦点可见、每个控件都有名称；仅在 HTML 无法满足时使用 ARIA。涵盖实时区域、减少动态效果、对比度、点击目标尺寸、带关联标签和错误提示的表单、标题和地标、惰性图层、缩放至 200%，以及五分钟内使用屏幕阅读器测试的方法。适用于构建任何交互式 UI、被要求提升无障碍性，或需要在评审中检查无障碍性的情况。

A

accessibility

tranz007 / ux-skills

审查 UX 设计意图和可获得的实现证据，查找无障碍障碍、包容性交互、WCAG 或 Section 508 要求、键盘与焦点行为、语义、动态播报、内容、动效、缩放/回流和恢复。当设计师要求进行无障碍审查，或需要在工程交接前定义无障碍行为时使用。

A

adobe-xd

full-stack-skills / design-skills

为 Adobe XD 提供全面指导，包括设计创建、原型制作、组件与协作。当用户询问 Adobe XD、需要创建 UI/UX 设计、构建原型或使用 Adobe XD 组件时使用。

A

alterlab-vcd-motion-graphics

alterlab-ieu / alterlab-fc-skills

当用户提及 "motion graphics"、"motion design"、"title sequence"、"kinetic typography"、"explainer animation"、"motion branding"、"animated logo"、"lower thirds"、"broadcast design"、"After Effects"、"act as a motion graphics designer"、"motion graphics mode"、"animation principles"、"ease curves"、"timing and spacing"、"transition design"、"animated infographic"、"intro animation"、"outro animation"、"bumper"、"ident"、"stinger"、"lyric video"、"animated social media"、"loop animation"、"GIF design"，或需要片头序列、讲解动画、动态字体和动态品牌设计方面的专业能力时，应使用此技能。属于 AlterLab FC Skills 合集（VCD 部门）。

A

animejs-mastery

frogody / app.isyncso

用于系统性地为应用添加精美 anime.js 动画的自主 Agent。当被要求添加动画、提升 UI 精致度、升级视觉体验或让应用更有活力时使用。在"添加动画""让它更精致""升级 UX""为应用添加动画""让过渡更流畅"等请求时触发。

A

apple-design

sudewajay / apple-design-skill

将 Apple 当前的设计语言（Human Interface Guidelines + Liquid Glass，2026 年年中）应用于任何 UI 工作，包括 iOS/iPadOS/macOS 风格的应用界面，以及 Apple.com 风格的营销／落地页（醒目的大标题、明暗区块交替、由滚动驱动的产品展示）。用户提出“Apple style”“Apple-like”“HIG”“iOS style”“macOS style”“Liquid Glass”“iOS 26 style”“Cupertino”“clean premium minimal”落地页，或具有 iPhone/Mac 发布页风格的产品页时使用；即使未明确提到“Apple”，但描述了磨砂玻璃、悬浮标签栏、药丸按钮、居中大标题或随滚动播放的产品动画，也应使用。审查／评价设计是否适合 Apple 平台时也使用。适用于 HTML/CSS/JS 原型、React + Tailwind 和 Figma 设计指导。

A

ar-vr-design

alphaonedev / openclaw-graph

使用 3D 建模、空间计算与用户界面优化设计交互式 AR/VR 体验。

A

arcgis-scene-environment

saschabrunnerch / arcgis-maps-sdk-js-ai-context

配置 SceneView 环境设置，包括光照、天气、阴影、大气、背景和地下导航。适用于逼真的 3D 可视化。

A

axe-core

claude-dev-suite / claude-dev-suite

axe-core —— 用于自动化 WCAG 合规检查的无障碍测试引擎。适用场景：用户提到 "axe"、"automated accessibility testing"、"a11y tests"，或询问 "integrating accessibility checks"、"CI/CD accessibility"、"Playwright accessibility"、"Jest accessibility"、"Vitest axe"。不适用于：手动无障碍审计——请改用 `wcag` skill

B

baseline-ui

master5d / claude-design-skills

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

B

blindspots

tranz007 / ux-skills

找出设计讨论中完全未考虑的重要用户、情境、约束、依赖、后果和条件。当设计师问"我漏掉了什么？"、希望获得超越 UI 状态的边缘视角，或需要对被忽视的体验风险进行预审扫描时使用。

B

building-a-rich-text-editor-with-lit

rodydavis / skills

学习如何使用 Lit Web Component 构建富文本编辑器，并配有用于格式化文本、链接和样式的工具栏。

C

canvas-design

full-stack-skills / design-skills

.png 和 .pdf 文档中使用设计理念创建精美的视觉艺术作品。当用户要求创建海报、艺术作品、设计或其他静态作品时，应使用此技能。创建原创视觉设计，不要复制现有艺术家的作品以避免侵犯版权。

C

clear

tranz007 / ux-skills

重写 UX、产品、研究、交接、工单或面向工程的内容，使其读起来像一位有能力的真人从业者所写。当生成或现有内容臃肿、机械、不清晰、结构过度、忽视受众或听起来像 AI，同时需要保留原意、证据强度和不确定性时使用。

C

commitment-ladder-design

lvtd-llc / skills

在设计或审计新手引导、激活流程、习惯循环、承诺、公开承诺、渐进式画像、留存计划、行为改变计划、定价流程或存在低价诱导风险的漏斗时使用，这些场景中一致性压力可能影响用户决策。

C

content

tranz007 / ux-skills

审查并改进产品 UX 内容，包括标签、说明、错误、空状态、确认、术语和内容时机。当设计师询问 UI 文案是否清晰、一致、无障碍、可操作、恰当地人性化，或与产品既有语言风格一致时使用。

D

data-viz-palette

basiclines / rampa-studio

为图表、图形和数据可视化生成彼此区分且可访问的颜色。使用色彩和谐关系实现最大程度的感知区分度。

D

decision

tranz007 / ux-skills

恢复或保存重要的 UX 与架构决策依据。当设计师询问某个设计为何如此、某个选择是否值得一份 ADR/设计决策记录，或希望在不记录琐碎变更的前提下记录背景、证据、备选方案、理由、后果和状态时使用。

D

design-engineer

dannyjpwilliams / design-engineer-skill

设计工程的技艺与执行卓越。适用于构建、审查、重构或改进任何 UI 组件、页面或交互时。触发于：构建组件、为 UI 设置样式、添加动画/过渡、审查设计质量、重构前端代码、实现 hover/active/focus 状态、处理阴影/颜色/渐变/间距/排版/圆角、拖拽交互、布局动画、图标过渡，或当用户要求"像设计工程师一样思考"时。涵盖完整的技艺谱系：动效、颜色、阴影、视觉对齐、排版、间距、渐变、性能、手势和微交互。

D

design-sprint

wdavidturner / product-skills

当用户要求“开展设计冲刺”“5 天冲刺”“一周内制作原型”“在构建前测试想法”或“Jake Knapp 冲刺”时使用。帮助团队在五天内从问题推进到经过测试的原型。Design Sprint 框架由 Google Ventures 的 Jake Knapp 创建，将数月工作压缩到一个专注的一周内。

D

design-studio

timlai666 / skills

适用于所有设计工作的统一设计技能，包括网站、应用、演示文稿、动画、原型、信息图和品牌设计。建立或更改项目的视觉形象时，会创建或更新 DESIGN.md（Google 格式）。根据任务转交给 cinematic-ui 或 practical 引擎。任何设计任务都必须使用此技能。遇到以下词语必须触发：設計、design、原型、prototype、PPT、投影片、slides、動畫、animation、簡報、deck、landing page、website、UI、mockup、MP4、GIF、infographic、branding、logo、評審、critique、film-inspired、cinematic。

D

designer-skills

llama-farm / llamafarm

LlamaFarm 的 Designer 子系统模式。涵盖 React 18、TanStack Query、TailwindCSS 和 Radix UI。

D

designing-surveys

oldwinter / skills

设计并发布产品调研，产出调研包（简报、问卷/工具、分析计划、发布清单、报告大纲）。适用于客户调研、引导调研、NPS/CSAT/PMF、取消/流失调研以及反馈调研。

D

documentation-information-architecture

lvtd-llc / skills

审计、组织和重新设计开发者文档的信息架构，包括内容清单、导航、着陆页、序列、层级、网状结构、面包屑、侧边栏、元数据、重定向、迁移、平台/工具选型，以及可维护的信息架构决策。适用于重构文档站点、提升可发现性、规划文档迁移、评估文档工具或组织大型文档集时。

暂无简介

E

editorial-pptx-deck

sharonzhang98 / editorial-pptx-deck

以编辑式极简风格制作可编辑的商务 PPTX 演示文稿——白色背景、Georgia 衬线标题、单条红色强调栏，以及全高照片章节分隔页。可将 HTML 幻灯片导出为真正可编辑的 .pptx（原生文本框）。当用户要求制作这种简洁编辑风格或“照片分隔页”风格的商务报告、路演演示文稿、PPT 或 PPTX，或提及此技能时使用。

F

fineui-form

sanshi / fineui-skills

帮助开发者使用 FineUI 的表单：Form / SimpleForm 容器、表单字段（TextBox / TextArea / NumberBox / DatePicker / DropDownList / CheckBox / RadioButtonList 等）、Calendar 内嵌日历、字段与整表校验、读取字段值。覆盖 F.js（JavaScript）、Pro（WebForms）、FineUI.Core 的 MVC（Fluent API）/ RazorForms / RazorPages（TagHelper），以及 FineUI.Java（Spring Boot + Thymeleaf 方言标签，kebab-case）。触发词: "FineUI 表单", "F.Form", "SimpleForm", "FormRow", "表单校验", "ValidateForms", "Required", "TextBox", "NumberBox", "DatePicker", "DropDownList", "RadioButtonList", "CheckBox", "CheckBoxList", "TimePicker", "Label", "Hidden", "FileUpload", "TriggerBox", "DropDownBox", "HtmlEditor", "MarkInvalid", "字段标签", "LabelWidth", "读取表单值", "下拉树", "文件上传", "富文本编辑器", "Calendar", "内嵌日历", "日期范围", "月份选择", "年份选择", "时间选择", "OnDateSelect", "FineUI.Java", "Spring Boot", "Thymeleaf", "@FineUIPage", "text-box", "simple-form", "form-row".

F

fineui-layout

sanshi / fineui-skills

帮助开发者使用 FineUI 的布局系统——容器的 `Layout` 属性如何排布子控件：Fit（填充）/ Region（区域上下左右中）/ HBox·VBox（弹性盒子）/ Block（响应式栅格）/ Column / Anchor，以及视口自适应（IsViewPort / AutoSizePanelID）。覆盖 F.js、Pro、FineUI.Core（MVC/RazorForms/RazorPages）、FineUI.Java（Spring Boot + Thymeleaf 方言标签，kebab-case，含 region-panel 便捷控件）。 Trigger phrases（触发词）: "FineUI 布局", "Layout", "Region 布局", "区域布局", "RegionPosition", "HBox", "VBox", "BoxFlex", "弹性布局", "Fit 布局", "Block 响应式", "BlockMD", "栅格布局", "IsViewPort", "视口自适应", "Column 布局", "Anchor 布局", "FineUI.Java", "Spring Boot", "Thymeleaf", "region-panel", "region-position", "box-flex", "is-view-port".

F

fineui-theming

sanshi / fineui-skills

设置或切换 FineUI 已有的内置主题和自定义主题，处理全局配置、PageManager 覆盖与 Cookie 偏好。覆盖 F.js、Pro、Core 三种模式及 Java。新增主题、品牌配色和 theme.config 生成任务使用 fineui-custom-theme。

F

fineui-window

sanshi / fineui-skills

帮助开发者使用 FineUI 的窗口与消息框：Window（内联内容 / iframe 弹窗）、打开/关闭窗口、iframe 子页回传数据给父页（closeArgument）、以及 MessageBox（Alert 对话框 / Confirm 确认框 / Notify 通知框）。 覆盖 F.js（JavaScript）、Pro（WebForms）、FineUI.Core 的 MVC（Fluent API）/ RazorForms / RazorPages（TagHelper），以及 FineUI.Java（Spring Boot + Thymeleaf 方言标签，kebab-case）。 Trigger phrases（触发词）: "FineUI 窗口", "F.Window", "弹窗", "对话框", "MessageBox", "Alert.Show", "F.alert", "F.confirm", "确认框", "通知框", "Notify", "ShowNotify", "iframe 窗口", "关闭窗口", "回传数据", "closeArgument", "GetShowReference", "OnClose", "FineUI.Java", "Spring Boot", "Thymeleaf", "@FineUIPage", "f:window", "showAlert", "showNotify", "showConfirm", "ActiveWindow", "setHidden".

F

flutter-audit

musabekisakov-imj / flutter-design-engineer

审查现有 Flutter 界面的产品层级、视觉一致性、交互质量、自适应行为、无障碍性和实现风险。用户要求评审、批评、诊断、评估 Flutter 屏幕或流程，或确定改进优先级时使用；除非明确要求实现，否则仅进行只读审查。

F

flutter-design-system

musabekisakov-imj / flutter-design-engineer

创建、扩展或修复语义化 Flutter 设计系统，涵盖令牌、主题、排版、颜色、间距、几何、动效和组件契约。适用于 ThemeData 工作、设计令牌提取、深色模式、组件标准化、UI 一致性，或从零散视觉常量迁移。

F

flutter-input-output-preview

rodydavis / skills

使用可复用的 `TwoPane` 组件和 `InputOutputPreview` 组件构建响应式 Flutter 应用，在移动端和桌面端并排显示代码和预览。

F

frame

tranz007 / ux-skills

将功能请求、干系人需求、想法、投诉或含糊的设计任务转化为清晰的 UX 问题框架，包含用户成果、证据、约束、假设、未知项和成功信号。当真正的问题或这项工作的原因不明确时，在给出解决方案之前使用。

F

frontend-aesthetics

crossbill-app / crossbill-web

用于摘录、高亮、抽认卡及其他阅读工具的可自托管阅读伴侣

F

frontend-design

vadimcomanescu / codex-skills

打造独特、生产级的前端 UI，具备鲜明而有意图的美学方向、有目的性的布局、有意义的动效和强无障碍性。优先使用 React + Next.js（TypeScript），但在合适时支持原生 HTML/CSS/JS。

G

Geek-skills-seedream-imagegen

staruhub / claudeskills

使用字节跳动的 Seedream 4.0 API 生成 AI 图片。当用户想根据文字描述创建、生成或制作图片时使用，尤其适用于专业图形、营销物料、海报、产品可视化或高质量视觉内容。支持 2K/4K 分辨率、多种宽高比、批量生成和参考图引导。适用于营销素材、概念艺术、社交媒体图形和设计项目。

G

generating-components

fusengine / agents

阶段 3：将 design-system.md 映射为 7 个 Gemini XML 块（aesthetics、style_reference、typography、color_system、spacing、states、forbidden），调用 create_frontend，添加组件变体（通过 CVA 实现 Glass/Outline/Flat）。

G

generating-components

fusengine / claude-plugins

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

G

graphic-case-study

varnan-tech / opendirectory

为 B2B SaaS 销售与营销生成专业设计的案例研究 PDF。支持 7 种页面布局、9 种样式预设、1-4 页输出。当用户说「create a case study」「write a customer story」「make a case study PDF」「design a success story」「turn this customer win into a PDF」时触发。

H

hierarchy-of-engagement

wdavidturner / product-skills

当用户要求“定义我们的核心行动”、“北极星指标”、“累积收益”、“改进留存机制”、“参与度层级”或“Sarah Tavel 框架”时使用。帮助消费类产品识别推动长期留存的行动和收益。Sarah Tavel 在 Benchmark 创建的参与度层级框架，描绘了从核心行动到不断累积的损失的进阶过程。

H

html-report-design

ted0321 / kotetsu-work-ai-skills

让 HTML 输出看起来像专业咨询交付物而非默认 AI 风格的设计系统。只要生成任何 HTML 文档——报告、分析备忘、方案、研究摘要、仪表盘、artifact——以及当用户说「HTMLで資料」「HTMLでまとめて」「レポートにして」「コンサル風に」「資料っぽく」「デザインがダサい」或要求重新设计已有的 AI 生成 HTML 时使用。用留白驱动、排版优先、可打印（A4）的设计取代方框、边框、渐变、emoji 和彩虹色。

I

in-app-ui

knocklabs / skills

在 Web 应用中实现 Knock 应用内 UI 的指南，重点介绍如何在 React 中设置、渲染和调试 Knock 指南。

I

in-product-education-review

sylphxai / skills

设计并审计产品内教育、新手引导清单、工具提示、空状态指引、情境帮助、导览、模板、示例、提示、功能发现、升级教育和帮助中心交接。当产品需要在不堆砌 UI、不阻塞专家工作流、也不变成垃圾式增长信息的情况下教会用户时使用。

I

inflight

inflightsoftware / skills

设置 Inflight 反馈组件，使用 CLI 认证，并分享 staging URL 以供设计评审。适用于用户想要收集设计反馈、将 Inflight 添加到项目，或分享 staging 部署以供评审时。

I

ingest-figma

bluzir / claude-code-design

通过 Figma REST API 从 Figma URL 拉取设计 token 和画框结构。需要 FIGMA_TOKEN 环境变量。

I

ipados

fusengine / agents

在构建 iPad 应用时使用——分栏视图、外接键盘支持、多任务处理或 Stage Manager——自适应布局。

I

ipados

fusengine / claude-plugins

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

在 React Native 和 Expo 应用中使用 KorUI 库（@korsolutions/ui）的完整指南。在使用 KorUI 构建用户界面、自定义主题、设置该库、使用 27 个以上组件中的任意一个（Button、IconButton、Input、Select、Checkbox、RadioGroup、Alert、Card、Separator、Tabs、Menu、Popover、Calendar、Toast 等）、进行样式与主题化、实现复合组件、调试组件问题，或用户提到 "@korsolutions/ui"、"KorUI"、"UIProvider"，或询问主题定制或 React Native UI 组件时，使用本技能。本技能涵盖安装、Provider 设置、组件用法模式、主题定制、变体系统、hooks、响应式设计和故障排查。

M

message-list

virtuoso-dev / skills

使用 @virtuoso.dev/message-list 构建聊天、消息和 AI 对话 UI。在以下情况使用此技能：(1) 构建聊天或消息界面，(2) 将 AI 助手响应流式传输到对话中，(3) 向上滚动时加载更早的消息，(4) 添加滚动到底部按钮或未读消息指示器，(5) 在频道/对话之间切换，或 (6) 任何涉及 VirtuosoMessageList、VirtuosoMessageListLicense、useVirtuosoMethods、useVirtuosoLocation、scrollModifier、notifyItemsChanged、scrollToBottomIfAtBottom、scrollToBottomAlways、平滑滚动重新定位、替换锚点或 data.append/prepend/map/replace 的任务。该包为商业软件，需要许可证密钥。

暂无简介

O

office-web-ui-system

thienanblog / awesome-ai-agent-skills

构建或改进运营仪表盘、管理工具、CRM/ERP、CRUD、报表和记录管理界面。适用于高密度工作流和仪表盘参考匹配；不包括营销类及无关的消费级 UI。