Skills

F

frappe-frontend-development

lubusin / frappe-skills

使用 Frappe UI 构建现代 Vue 3 前端应用，涵盖组件、数据获取和门户页面。适用于为 Frappe 应用创建自定义前端、SPA 或门户界面。

S

signals-scout-session-replay

posthog / skills

PostHog 会话回放信号侦察工具。监控会话是否持续录制（捕获骤降），并发现录制内容中的摩擦点，包括愤怒点击／无效点击集群、交互后出错的群组。

U

ui-animation

travisjneuman / .claude

面向用户界面的动效设计与动画。适用于创建微交互、页面过渡、加载状态，或 Web 和移动平台上的任何 UI 动画。

U

ui-craft

pedronauck / skills

设计、构建、审查或重构可见 UI，包括页面、组件、表单、加载/错误状态以及 AI 聊天/流式界面。不包括后端、基础设施、CLI/TUI 和纯文档工作。

C

compare-screenshots

dzhng / skills

将屏幕截图与预期设计进行比较，并区分已批准的参考图与历史基线。适用于迭代实现对照、前后视觉审查、客观图像遥测，或检查单张截图中内容是否平淡、空洞或取景不佳。

I

infographic-powerpoint-deck

autobyteus / autobyteus-skills

创建基于图像的 PowerPoint 演示文稿：(1) 根据需要将原始文章内容或笔记整理成详细的逐页信息计划；(2) 将信息计划转化为幻灯片展示计划，再制定视觉制作计划；(3) 为每张幻灯片生成一张 16:9 图像，并将所有显示文本直接嵌入图像（默认使用英语，支持多语言幻灯片文本）；(4) 将图像组装成仅包含图像、全屏连续播放这些图像的 .pptx。适用于用户需要精致统一的视觉效果和可扩展的风格包（电影暗色、电影亮色、电影编辑风、插画电影风、动画长片、编辑风、温暖田园风、科技风、青年社交风、学术风、企业风、白板草图），不想手动排版 PPT 对象，或希望使用可重复的提示词工作流持续迭代时。

M

multimodal-orchestration

owl-listener / ai-design-skills

在单次交互中协调文本、图像、语音和工具使用等模态

N

notification-best-practices

knocklabs / skills

关于通过电子邮件、推送、SMS、应用内和聊天渠道设计、编写和实施有效通知系统的全面指南。

S

stripe-ui-skills

ihlamury / design-skills

Stripe 的 UI 设计系统。构建受 Stripe 风格启发的界面时使用，包括浅色模式、Inter 字体和 4px 网格。

妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV 查询、环境变量管理、应用协作者与协作权限设置、应用角色与成员管理、自动化触发器（定时/记录变更/Webhook/飞书审批）。当用户要开发/新建一个系统·工具·平台·应用，或要本地开发 / 云端开发 / 修改 / 部署 / 发布 / 上线 / 拿可分享链接，或用 HTML 做页面·网站·部署到妙搭，或要设计 / design / mockup / prototype / wireframe / 做 PPT / deck / 视觉探索，或提到妙搭/Spark/Miaoda（应用运行时域名形如 *.aiforce.cloud）、应用数据库、应用文件存储、开放 API Key、可见范围、应用协作者/开发权限、应用角色/角色成员、线上日志、接口请求量、错误量、延迟、访问量、环境变量、给妙搭应用配自动化任务/定时触发/审批通过后自动触发时使用。不负责普通云盘文件上传（lark-drive）、飞书文档编辑（lark-doc）、原生幻灯片创建（lark-slides）。

U

ux-audit

ssheleg / super-ux

根据 UX 场景基准验证代码库（分批执行、有证据支持，报告存放于 docs/ux/audits/）。触发词：“ux audit” / “UX-аудит”、“run the scenarios” / “прогони по сценариям”。不适用于整个项目审计（project-audit）或编辑场景（ux-scenarios）

A

autodesk-revit

membranedev / application-skills

Autodesk Revit 集成。管理数据和记录，并自动化工作流。适用于用户希望与 Autodesk Revit 数据交互的情况。

M

makeui

qfeius / make-platform-skills

设计、生成、修改或审查 `apps/ui` 中的 Make App 前端 UI 时使用：外壳、动态对象路由、桌面／移动端布局、列表、Drawer、任务页面、新建／编辑／详情表单、选择器、组件库选择、字段元数据、字段类型图标，以及 UI 状态。新应用使用 `@qfei-design/make-app-mobile`，默认使用 Lucide 图标，除非用户选择其他图标库；React UI 库由用户选择。记录表格交由 `canvas-table-integration`，操作交由 `make-app-actions`，筛选／分组／排序交由相应 Skills，权限交由 `make-app-permission`。对于 AI助手、MakeAiTheme、maxDrawerWidth 或 assistant SSE，使用 `make-ai-assistant` 处理软件包行为；本 Skill 负责其周边布局。不负责身份验证、Service、运行时、DSL、持久化、CanvasTable 内部实现或 AI 助手软件包行为。

N

nativewind

hairyf / skills

使用 Tailwind CSS 为 Web 和原生平台上的 React Native 组件设置样式

S

specsfy-specialist-ux-design

promovaweb / specsfy

Investigar, estruturar e validar experiências com pesquisa, arquitetura da informação, jornadas, fluxos, formulários, onboarding e recuperação de erros. Use para problemas de usabilidade, fluxo, descoberta, conteúdo ou validação com usuários; não reduza UX a acabamento visual.

C

canvas-app

microsoft / power-platform-skills

通过 Canvas Authoring MCP 协同创作会话创建或编辑 Power Apps Canvas App。支持分阶段体验设计、直接及分区定向编辑、规划的多屏幕更改、自适应布局和编译错误收敛。用户要求创建、构建、生成、修改、更新、更改、修复或编辑 Canvas App 或 .pa.yaml 文件时触发。

P

portfolio-audit

hey-stefan / portfolio-audit

根据顶尖设计负责人招聘时的实际考量，审核设计作品集网站。与 /portfolio-audit <url> 一起使用

S

specsfy-specialist-interface-experience

promovaweb / specsfy

分析当前系统，并指导需求探索、规划和交付完整、美观且兼容现有技术栈的界面。

S

swiftui-expert-skill

sickn33 / agentic-awesome-skills

编写、审查和重构适用于 iOS 或 macOS 的 SwiftUI，涵盖数据流、视图组合、性能、标识、环境、本地化、动画、API 迁移和 Instruments 跟踪。

S

syncfusion-angular-kanban

syncfusion / angular-ui-components-skills

使用 Syncfusion Angular 组件创建和管理交互式 Kanban 看板。需要构建支持拖放卡片、泳道、列和实时数据绑定的工作流可视化工具时使用此技能。涵盖实现任务管理和项目跟踪界面所需的设置、配置、事件、属性、方法和最佳实践。

U

ux-scenarios

ssheleg / super-ux

开始新功能、更改面向用户的行为，或将代码库转为场景驱动开发（docs/ux/scenarios.md）时使用。触发词：“ux scenarios” / “сценарии использования”、“новая фича”。不适用于空项目（应先制定愿景）。拒绝短语：“no scenarios” / «без сценариев»

B

brand-logos

usenotra / skills

从 SVGL (svgl.app) 获取官方品牌、产品和工具 Logo（Stripe、GitHub、Notion、AWS、Figma 等），可提供为保存的 .svg 文件、内联标记或已安装的 React 组件。涉及 Logo 或 SVG 时请使用，例如在集成／合作伙伴列表、页脚、定价表或幻灯片中添加品牌标识，用矢量图替换模糊的 Logo，获取浅色／深色版本，或查找官方 Logo。优先使用此方式，而不是手写 SVG 标记或随意下载文件。通用 UI 图标、插画、图表、从现有 Logo 制作的网站图标，或设计全新自定义 Logo 时无需使用。

F

frontend-design

dengineproblem / agents-monorepo

前端设计专家。用于创建 UI/UX、排版、配色方案、动画和独特的视觉美学。

I

ios-ui-refactor

pproenca / dot-skills

面向 iOS 26／Swift 6.2 诊所架构应用的资深 SwiftUI UI 审查与重构模式，基于 Rams、Segall 和 Edson 的原则。在保留品牌形象并遵守诊所 Domain/Data/App 边界的前提下，用于审查或改进现有 SwiftUI 屏幕、转场、动画和视觉系统。

M

motion

pedronauck / skills

使用 Motion（Framer Motion）构建 React 动画——手势（拖拽、悬停、点击）、滚动效果、弹簧物理、布局动画、SVG。体积：2.3 KB（mini）至 34 KB（full）。适用场景：拖放、滚动动画、模态框、轮播、视差。故障排查：AnimatePresence 退出、列表性能、Tailwind 冲突、Next.js「use client」。

N

no-pointer

remotion-dev / remotion

为可点击控件应用 Remotion Studio 的无指针交互样式。添加或修改 Studio 按钮或链接时使用，使其采用默认光标、悬停时变亮，并且仅在键盘导航时显示焦点装饰。

S

signup-flow-cro

davila7 / claude-code-templates

当用户希望优化注册、注册流程、账号创建或试用激活流程时使用。此外，当用户提到“signup conversions”、“registration friction”、“signup form optimization”、“free trial signup”、“reduce signup dropoff”或“account creation flow”时也使用。注册后的引导流程参见 onboarding-cro。用于收集线索的表单（而非账号创建）参见 form-cro。

U

ux-foundation

ssheleg / super-ux

定义用户是谁以及他们为何而来（docs/ux/foundation.md）时使用：用户画像、JTBD、用户旅程、用户故事、留存、流失。触发词：“jtbd” / “джобы”、“customer journey” / “карта пути”、“персоны”、“ретеншн”、“отток”。不适用于流程或屏幕（ux-flows）

W

wix-cli-dashboard-modal

wix / skills

适用于在 Wix 仪表板中添加弹出表单、确认框或详情视图；在仪表板页面间创建可复用的对话框组件；在覆盖层中显示上下文相关信息；从仪表板页面打开模态框；或在仪表板页面与模态框之间传递数据。不要用于静态内容（请改用仪表板页面）或面向网站的 UI（请改用网站小组件／嵌入式脚本）。

W

wix-cli-dashboard-page

wix / skills

构建管理界面、管理页面、CRUD 操作或仪表板配置 UI 时使用。触发词包括 dashboard、admin panel、data management 和 settings pages。

W

wix-cli-site-component

wix / skills

为 Wix CLI 应用构建带有编辑器清单的 React 网站组件时使用。触发词包括 site component、editor manifest、custom component、visual customization、editor element、CSS properties、data API、site builder component 和 Wix Editor component。每当用户想创建可由网站所有者通过 Wix Editor 可视化界面自定义的组件时，都使用此技能。

W

wix-cli-site-widget

wix / skills

构建交互式小组件、自定义数据展示，或带设置面板的可配置网站组件时使用。触发词包括 widget、custom element、interactive component、editor component、configurable widget 和 web component。

B

build-ui

decentraland / sdk-skills

使用 React-ECS（JSX）为 Decentraland 场景构建 2D 屏幕空间 UI，包括 HUD、菜单、生命值条、对话框、轻提示、通知、按钮、输入框、下拉框和滑块。默认编写可由 Creator Hub 的 2D UI 编辑器（UI Designer）读取和编辑的 UI（在 src/ui/ 下每个文件一个组件、state/props 绑定、useInteraction 层、@ui-action 处理程序以及动画驱动程序）；只有当 UI 的数据驱动或动态程度超出编辑器处理能力时，才改用自由编写的 React-ECS 代码。适用于用户需要屏幕 UI、菜单、表单输入、可在 Creator Hub 中编辑的 UI，或希望将现有代码 UI 调整为可由编辑器编辑的情况。不要用于 3D 场景内文字（参见 advanced-rendering）或可点击的 3D 对象（参见 add-interactivity）。

C

cleanui

peterhdd / cleanui

构建 Web 应用、移动应用和网站时，避免使用千篇一律的 AI 生成 UI 模式。采用整洁、专业的设计，确保排版和布局结构得当，并遵循平台特性。生成 React、React Native、SwiftUI、Jetpack Compose、HTML/CSS 或任何前端 UI 代码时均使用此技能。

M

mixed-initiative-flow

owl-listener / ai-design-skills

AI 主导与用户主导的时机，以及如何移交控制权。

S

screenshot-critique

dzhng / skills

在验收视觉相关工作前，使用未预热的子 Agent 进行复核。宣称用户报告的视觉错误已修复或视觉变更已验证之前，必须执行此操作；熟悉情况的人可能会忽略新视角能发现的缺陷。

S

scrollcraft

nateherkai / scroll-craft

为任何类型的企业打造高端、由滚动驱动的互动落地页：服务公司、实体产品、食品品牌或饮料品牌。滚动成为时间线。视频随滚轮逐帧播放，页面区块固定并逐步推进，轨道横向移动，标题逐行组合，页面底色随浏览过程变化，指针还能移动不随滚动变化的元素。先访谈用户，了解其风格、历程、希望构建连贯整体还是不同场景，以及已有素材；然后选择页面语法和标志性设计手法，让每个作品都采用不同结构；通过 kie.ai 生成逼真素材，或使用用户自己的视频和照片制作；基于设计系统编写符合语义的 HTML，并通过截取页面滚动过程的屏幕截图来验证结果。适用于“滚动叙事”“滚动动画网站”“滚动时播放视频的网站”“Apple 风格落地页”“3D 滚动世界”“互动落地页”“把我的品牌做成滚动体验”“让它看起来与众不同”“这看起来像模板”“独特的滚动网站”，以及任何希望网站呈现体验感而非文档感的请求

W

wordpress-block-theming

automattic / wordpress-agent-skills

WordPress 全站点编辑（FSE）主题架构。生成 WordPress 区块主题的 theme.json、区块模板、模板部件、样式模式和 functions.php 时使用。

A

apple-bento-grid

hubeiqiao / apple-bento-grid

创建 Apple 风格的便当网格演示卡片，用于展示项目数据、时间线和成就。生成独立的 HTML 文件，包含无间距网格、数据卡片、胶囊标签、柱状图和深色引言卡片，并针对截图导出进行优化。支持浅色主题（Apple 标志色 #f5f5f7）和深色主题（#000）。用户要求制作数据卡片、便当网格、项目摘要卡片、仪表板卡片、Apple 风格演示布局、项目概览、成就展示，或以可视化方式总结数字和里程碑时使用。用户想要创建幻灯片、信息图或具有简洁 Apple 美学的可视化报告时也可使用。

C

canva-bulk-create

canva-sdks / canva-skills

使用带自动填充字段的品牌模板，根据表格数据批量创建 Canva 设计，每行生成一个设计。用户说“根据此 CSV 批量创建设计”“每行生成一个设计”“为每种产品创建一个设计”“根据模板批量生成”或“用电子表格自动填充模板”时使用。支持任意表格数据源——上传的文件、粘贴的表格、JSON 或 URL。

C

contrast-checker

accesslint / skills

暂无简介

D

dashboard

nexu-io / open-design

单个 HTML 文件中的管理/分析仪表盘。包含固定左侧边栏、带用户信息和搜索功能的顶部栏，以及由 KPI 卡片和一两个图表组成的主网格。需求涉及“dashboard”“admin”“analytics”或“control panel”界面时使用。

M

mantine-dev

itechmeat / llm-code

Mantine React UI 库：提供 100 多个组件、钩子、表单、主题配置、深色模式、CSS modules，以及 Vite/TypeScript 设置。适用于使用 Mantine 组件构建 React 应用、配置主题/深色模式，或使用 Mantine 钩子和表单。关键词：Mantine、React、UI 组件、CSS modules、主题配置。

P

paywall-upgrade-cro

davila7 / claude-code-templates

当用户想创建或优化应用内付费墙、升级页面、追加销售弹窗或功能门控时使用。当用户提到「paywall」「upgrade screen」「upgrade modal」「upsell」「feature gate」「convert free to paid」「freemium conversion」「trial expiration screen」「limit reached screen」「plan upgrade prompt」或「in-app pricing」时也适用。与公开定价页（见 page-cro）不同——本技能聚焦于用户已经体验到价值的产品内升级时机。

U

user-research-cookiy

cookiy-ai / user-research-skill

端到端的定性与定量用户研究助手。用户提及用户研究、用户访谈、讨论指南、访谈指南、研究计划、定性研究、定量研究、用户调查、问卷设计、可用性研究、参与者招募、研究综合、访谈记录、研究报告、使用 AI 开展研究，或明确提及 Cookiy AI 时，均使用此技能。用户想与客户交流、开展探索性研究、创建研究或问卷、分析访谈数据、进行 AI 主持的访谈或收集问卷回复时也触发。涵盖完整生命周期：研究规划、讨论指南创建、通过 Cookiy 开展 AI 主持的访谈（真实或合成）、问卷设计与分发，以及将结果综合为报告。

A

auth0-branding

auth0 / agent-skills

用于自定义 Auth0 Universal Login 的外观以匹配品牌，包括更改颜色、徽标、字体、页面布局或登录文本。也适用于将品牌设置重置为默认值，或检查品牌配置是否已端到端接入。不涵盖完整的自定义 UI 屏幕；此类需求请使用 acul-screen-generator。

C

cc-design

zeroz-lab / cc-design

高保真 HTML 设计与原型制作。用户要求使用 HTML 设计、制作原型、创建模型或构建视觉内容时使用此技能，包括幻灯片、交互式原型、落地页、UI 模型、动画及其他视觉设计工作。用户提到 Figma、设计系统、UI 套件、线框图、演示文稿，或想探索视觉设计方向时也适用。即使用户只说“让它更好看”或“为 X 设计一个界面”，也应使用此技能。

C

cover-image

sugarforever / 01coder-agent-skills

为文章生成优雅的封面图。分析内容并创建醒目的手绘风格封面图，提供多种风格和构图选项。用户要求“生成封面图”“创建文章封面”或“为文章制作封面”时使用。

M

multi-step-form-design

rampstackco / claude-skills

设计包含多个步骤、进度指示器、条件逻辑以及保存和恢复机制的表单。这门方法论旨在将复杂的数据收集拆分为多个阶段，兼顾认知负担和完成意愿。明确指出以下模式的问题：厨房水槽式单页表单（用户开始前就造成负担）、进度表演（有步骤却没有真正分阶段）以及真正分阶段的表单（每一步都值得单独占一页）。适用于多步骤表单、多页表单、表单向导、注册向导、潜在客户表单、申请表、信息采集表、配置器和入门表单。也适用于长表单转化率低、受众在填写中途流失，或首次规划多步骤表单的情况。

P

presentation-generation

eachlabs / skills

使用 each::sense AI 生成专业演示文稿和幻灯片。通过 AI 幻灯片生成功能创建路演演示文稿、商务演示、培训材料、会议演讲等。

D

discord-ui-skills

ihlamury / design-skills

Discord 的 UI 设计系统。在构建受 Discord 风格启发的界面时使用，包括浅色模式、Inter 字体和 4px 网格。

P

puck

puckeditor / skills

使用 React 可视化编辑器 Puck 构建应用。适用于：(1) 在新建或现有应用中添加 Puck、页面构建器或可视化/拖放编辑器；(2) 编写或扩展 Puck 配置，使应用自身的组件可编辑；(3) 调试 Puck 集成问题，如预览样式缺失、RSC 错误、iframe 或持久化问题；(4) 查询 Puck API、字段或插件的用法。

A

ascii-visualizer

yonatangross / orchestkit

用于架构、工作流、文件树和数据可视化的 ASCII 图案。在创建终端渲染的图表、框线布局、进度条、泳道图或影响范围可视化时使用。

D

d3-viz

sickn33 / agentic-awesome-skills

为 Claude Code、Codex、Cursor 和 Gemini CLI 提供 2,877 多个可复用 AI Agent 技能。AAS Core 增加本地目录发现、Agent 自主选择和计划预览。支持 CLI、MCP 和插件

D

dataviz-skills

wentorai / research-plugins

14 项数据可视化技能。触发条件：图表、绘图、插图、出版级图形。设计：每种工具对应一项技能，提供代码模板和学术排版规范。

D

design-doctrine

plugin87 / ux-ui-agent-skills

适用于任何设计或 UI 工作的规范：验证协议（运行关卡，不得声称数字）、绝不使用表情符号、按意图使用 token、统一主题、八种状态、突出一个重点，以及确保输出完整。构建、审查或设置屏幕、组件或 token 集的主题时，首先加载此技能。作为插件安装后，它承载了 CLAUDE.md 在代码库中的职责。

E

ecommerce-visual-copywriting

feichanggege / ecommerce-visual-copywriting-skill

将商品资料、包装与资质、目标平台、目标人群和视觉参考转化为可执行的电商视觉方案，包括转化策略、Campaign Style Lock、主图／详情页／Listing／A+ Storyboard、图内文案、设计说明、生图 Prompt、证据与合规审查。适用于淘宝、天猫、京东、拼多多、抖音小店、小红书、视频号／微信小店，以及 Amazon、Shopify、TikTok Shop、Temu、Shopee、Lazada；用户需要商品图、详情页、图内文案、设计师执行稿或跨境商品本地化时使用。不适用于纯短视频／直播话术、投放与店铺运营优化、需律师出具的最终法律结论（可做风险筛查）；不会自动上架或发布。不得编造资质、数据、销量、评价、认证或功效；涉及当前平台规则或高风险合规结论时，须核验官方来源。

G

gsap-fundamentals

bbeierle12 / skill-mcp-claude

GSAP 动画核心概念，包括补间动画、时间轴、缓动函数和动画属性。用于实现基础动画或转场，或学习 GSAP 基础知识。是开展任何基于 GSAP 的动画工作的必备起点。

O

onboarding-cro

davila7 / claude-code-templates

当用户想优化注册后的引导流程、用户激活、首次使用体验或价值实现时间时使用。当用户提到"引导流程"、"激活率"、"用户激活"、"首次体验"、"空状态"、"引导清单"、"顿悟时刻"或"新用户体验"时也使用。对于注册/登录流程优化，见 signup-flow-cro。对于持续的邮件序列，见 email-sequence。

S

syncfusion-angular-buttons

syncfusion / angular-ui-components-skills

全面介绍 Syncfusion Angular 按钮组件的实现，包括 Button、ButtonGroup、DropDownButton、Floating Action Button (FAB)、ProgressButton、RadioButton、Switch、Speed Dial、SplitButtons 和 Chips。用于实现和设置这些组件的样式，涵盖视觉样式（primary、outline、toggle、icon、round、block）、分组、带弹出项和动画的下拉菜单、FAB 的定位与作用范围、Speed Dial 的线性/径向操作项、进度按钮以及切换/单选控件。