Skills

S

shop-advance-theme-development

bagisto / agent-skills

创建、重新设计、扩展、调试、验证、打包、测试和升级独具特色的生产级 Bagisto 店面主题。用于自包含的 Bagisto UI/UX 方向、极致打磨的品牌与商业设计系统、设计令牌、响应式店面 UX、面向初学者的引导式实现、Shop 主题注册、资源覆盖、可分发包、Blade 布局/组件、内联 Vue、Vite/Tailwind 资源、由后台动态控制的内容、渠道与主题自定义内容、本地化/RTL、无障碍、性能、完整的 Playwright 商业覆盖、部署，或解决主题继承与资源清单失败。每一项标识、路径、版本、组件、语言区域和命令都必须从目标检出中推导。

S

shopify-liquid

toilahuongg / google-antigravity-kit

在 Shopify Theme App Extensions 和 Themes 中使用 Liquid 模板语言的指南。在构建 App Embed Blocks、App Blocks 或修改 Shopify Themes 时使用此技能。

S

slide-deck-generator

alpacalabsllc / skills-for-architects

根据主题、大纲、报告或数据生成自包含的 HTML 幻灯片。用于演示和幻灯片；不用于编辑 PowerPoint 文件。

S

software-design

yinhunfeixue / software_development_skills

软件模块设计、UI 设计与分批确认流程

S

spec

adobe / skills

将网站迁移前的规格整理为文档知识文件，供人员和迁移 Agent 使用，内容包括页面、重定向、404、布局变体、各页面所需的 EDS 区块及其复用判断、动态功能、营销技术以及待决事项。有人要求界定范围、估算或规划迁移，询问“哪些页面使用区块 X／页面 Y 需要哪些区块”、索要重定向或 404 清单，或查找迁移简报背后的事实时使用。此技能不执行迁移本身（复制、迁移、发布）

S

story-mapping

borghei / claude-skills

Jeff Patton 风格的用户故事映射，用于可视化用户旅程、定义 MVP、规划发布、排列待办事项顺序以及跨团队对齐。

S

stripo

membranedev / application-skills

Stripo 集成。管理 Users、Workspaces。当用户想要与 Stripo 数据交互时使用。

S

syncfusion-winui-autocomplete

syncfusion / winui-ui-components-skills

实现 Syncfusion WinUI AutoComplete 控件（SfAutoComplete）的指南，用于创建支持单选或多选、筛选建议和自定义标记显示的搜索式下拉框。适用于实现输入即搜索功能、支持多选的自动完成下拉框、带标记/标签显示的标签系统，或 WinUI 应用中的筛选建议框。

S

syncfusion-winui-numberbox

syncfusion / winui-ui-components-skills

学习实现 Syncfusion WinUI NumberBox（SfNumberBox）控件，用于带校验、自定义格式和值限制的数值输入。当你在 WinUI 应用中需要货币、百分比或小数格式的数值输入框时，使用本技能。

S

syncfusion-winui-polar-charts

syncfusion / winui-ui-components-skills

Syncfusion WinUI 极坐标图（SfPolarChart）控件的实现指南。适用于在 WinUI 应用中使用极坐标图、雷达图或蛛网图进行径向数据可视化。本技能涵盖用于按数值和角度可视化数据的折线与面积系列、多维数据比较，以及使用 PolarLineSeries 和 PolarAreaSeries 进行方向性数据可视化。

S

syncfusion-winui-treegrid

syncfusion / winui-ui-components-skills

实现 Syncfusion WinUI TreeGrid（SfTreeGrid）组件以显示层级或自关联数据的指南。适用于处理树形结构网格、父子数据关系或可展开网格行。涵盖 WinUI 应用中用于组织架构图、文件系统展示和多级数据表示的 TreeGrid 功能。

T

templui

gopherguides / gopher-ai

面向 Go/templ 应用的版本感知 templUI v1 与 shadcn-templ v2 组件指南。用于组件安装、UI 区块、Script() 设置、HTML 转 templ、Go 到 JavaScript 插值。遇到旧版 templUI 时提供升级方案。跳过通用 HTMX 问题与完整的 goilerplate 应用生成。

U

ui-ux-master

kdbhalala / ui-ux-master

融合 Apple HIG、现代 Web 设计、SuperDesign 模式和通用设计原则的 UI/UX 设计大师级 skill。用于任何 UI/UX 设计任务，包括 iOS/macOS/Web 应用、落地页、仪表盘、设计系统、无障碍、响应式布局、动画，以及在所有平台和框架上打造美观且实用的界面。

U

ui-validator

caomeiyouren / momei

负责所有 UI 变更后的浏览器自动化验证，确保实际渲染效果符合预期。

U

Unity UI System Selector

dev-gom / claude-code-marketplace

指导项目在 UGUI 与 UI Toolkit 之间进行选择。在选择 UI 框架或迁移 UI 系统时使用。

V

visio-automation

renzo1031 / visio-automation-skill

当用户希望 AI Agent 通过真实的 Visio COM 自动化来创建、编辑、转换、检查或修复可编辑的 Microsoft Visio 图表时使用。

W

webiny

membranedev / application-skills

Webiny 集成。管理数据、记录并自动化工作流。当用户希望与 Webiny 数据进行交互时使用。

W

wechat-theme-extractor-cn

yangsonhung / awesome-agent-skills

当用户需要从微信公众号文章提取视觉样式，并生成 markdown-wechat-converter 主题时使用。

W

weweb

membranedev / application-skills

WeWeb 集成。管理数据、记录并自动化工作流。当用户想要与 WeWeb 数据交互时使用。

X

xhs-html

spacezephyr / creator-buddy

将用户提供的文章、笔记、教程、SOP、清单、网页内容或本地文档，拆解并排版成小红书 3:4 多页图文 HTML。默认生成一个包含 6 张以上 1080×1440 页面、可逐页截图的完整自包含 HTML；支持 62 种品牌设计风格，开工前向用户提供匹配的风格候选和 6/7/8/9 张页数方案供选择。适用于“做小红书图文”“把内容转成小红书卡片”“生成多页小红书 HTML”“做 3:4 知识卡片”“根据文章排成小红书组图”“做教程图文”“做可截图 HTML”等请求。

A

academic-figure-architecture-extractor

azhi-ss / academic-figure-skills

从学术图表、PDF 以及论文或图表 URL 中提取语义结构和可迁移的风格语法，用于分析、重绘或参考条件生成。不适用于仅基于论文文本的图表规划。

A

aiz-infographic

aizzaku / aiz-infographic

面向 AI Agent 的信息图技能——可在 Claude Code、Codex、Hermes、OpenClaw、Cursor 以及任何加载 skills 的 Agent 宿主中运行。创建专业信息图，输出为自包含 HTML 文件并可导出 PNG。当用户要求创建、设计、生成、构建或制作信息图、数据可视化、视觉解说、图表海报、速查表或口袋指南时使用。触发短语包括 "make this visual"、"turn this into a graphic"、"visualize this data"、"infographic for X"、"cheatsheet for X"，或当用户提供结构化数据（代币经济分配、生态/合作伙伴列表、时间线、对比、分步流程）并要求视觉输出时。涵盖代币经济、生态概览、游戏概览、速查表、空投指南、对比和流程。不要用于纯文本回答、Markdown 表格、要点式摘要、就某主题寻求建议或解释的问题（即使该主题是代币经济、生态、归属期等）、内联聊天图表，或未要求视觉输出的数据处理。信号是"要求视觉呈现"，而非"提及关键词"。

A

alterlab-vcd-typographer

alterlab-ieu / alterlab-fc-skills

当用户询问“typography”、“type design”、“font selection”、“font pairing”、“typographic hierarchy”、“typographic grid”、“type scale”、“readability”、“legibility”、“kerning”、“leading”、“tracking”、“typeface classification”、“serif vs sans-serif”、“modular scale”、“act as a typographer”、“typographer mode”、“type system”、“web typography”、“variable fonts”、“responsive typography”、“paragraph spacing”、“baseline grid”，或需要字体选择、排版层级设计、字体搭配策略以及可读性优化方面的专业知识时，应使用此技能。属于 AlterLab FC Skills 合集（VCD 部门）。

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 设计指导。

B

baoyu-article-illustrator

jst-well-dan / skill-box

分析文章结构，识别需要视觉辅助的位置，并以"主题 × 风格"二维方式生成插图。当用户要求"为文章配图""add images""生成文章配图"时使用。

C

codex-vision

thenamangoyal / codex-vision

当用户希望 Claude 将图像发送到 OpenAI Codex 时使用——由 Codex 侧审查现有的截图/模型图/线框图、通过 Codex 的 image_gen 工具生成图像，或通过 Codex 编辑现有图像——或明确调用 "codex-vision" / "/codex-vision"。封装上游 `codex exec -i` 命令行，有三种模式（review / generate / edit），以及一个可选启用的 tmux 会话，前缀为 `claude-codex-`，便于用户接入并观看。当任务仅为文本，或用户需要持久的、多轮的仓库任务时跳过——长时间运行的图像+编码工作请使用 codex-tmux-dev。单独的 "codex" 一词不构成触发；单独的 "screenshot" 一词不构成触发。对于 generate/edit，除非用户按名称调用该技能，否则需要明确的 Codex 意图。明确调用 `/codex-vision` 会覆盖下文所有其他门控规则。

为任何项目创建美观且易于访问的配色方案

C

color-theory

dhruvjainin / absolute

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

C

color-theory

maddhruv / absolute

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

C

conversion-accessibility-polish

divyanshu-iitian / agent-website-design-skills

在不使用暗黑模式的前提下改善现有网站或 Web 应用的决策清晰度、信任感、表单、UX 文案与无障碍性。当 Agent 需要润色 CTA、导航、定价、引导流程、空白或错误状态、键盘行为、语义化 HTML、焦点、对比度或端到端转化路径时使用。

C

create-cad-files

caid-technologies / open-cad

根据自然语言需求创建带尺寸标注的 3D CAD 零件，并使用 OpenCAD 导出经验证的 STEP、STP 或 STL 文件。当用户要求 AI Agent 对机械零件建模、制作可打印的 STL、创建可编辑的 STEP 文件、将尺寸描述转换为 CAD，或修改先前生成的 OpenCAD 模型时使用。

C

creator-onboarding-review

sylphxai / skills

为市场平台、应用商店、技能仓库、模板商店、游戏 UGC、创作者经济、联盟计划和开发者生态设计并审查创作者、卖家、开发者、插件作者、市场贡献者、社区版主和内容伙伴的入驻流程。适用于改进提交就绪度、质量、信任、结算设置、审核队列、发布、分析、支持和创作者激活时。

C

creator-plugins-ui

lottiefiles / creator-plugin-skills

在使用 @lottiefiles/creator-plugins-ui 构建或修改 LottieFiles Creator Plugin UI 时使用。涵盖 React 组件、Tailwind CSS 设置、主题、深色模式、cn()、Base UI 模式以及常见迁移陷阱。

E

elementor-to-generateblocks

wpgaurav / generateblocks-skills

将 Elementor 布局转换为简洁的 GenerateBlocks V2 格式，消除

E

explainer-infographic

thecraighewitt / skills

生成一个动画化、可交互的 HTML 页面，通过现实世界的类比、可视化图表和渐进式披露来解释复杂概念。每当用户说“explainer infographic”“解释 X 是如何工作的”“为……做一个讲解图”“把这个概念可视化”“把这个变成可视化内容”“帮我以可视化方式理解 X”，或要求以简短的可视化形式拆解某个主题时使用。输出是一个独立的 HTML 文件，用户可以在浏览器中打开、滚动浏览，或作为链接分享。主题不限——金融概念、技术系统、科学流程、商业框架。

F

feishu-whiteboard-pro

lcpmarvel / feishu-whiteboard-pro

根据内容、参考、现有 SVG 或实时画板，构建、修改、重新设定样式并评审经过深思熟虑、可编辑的飞书 / Lark 白板。适用于需要事实准确性、强层次结构、有意构图和基于证据的评审（而非通用等分卡片网格）的白板、信息图、图表、系统图、时间线、决策板、海报和可视化讲解。将创建、修改和评审分流到不同的操作手册；在绘制前先确定内容与设计契约；校验确定性的 SVG 缺陷；渲染并检查实际成品；并对重要交付物使用独立的最终评审者。

F

figma-design-brief

mohitagw15856 / pm-claude-skills

根据产品需求或功能请求，为 Figma 设计任务撰写结构化的设计简报。当被要求撰写设计简报、为 Figma 创建设计规格、将 PRD 转化为设计要求，或向设计师说明要在 Figma 中构建什么时使用。产出包含目标、范围、用户流程、所需组件、约束和成功标准的简报。

F

figma-extract-design-system

southleft / figma-console-mcp-skills

从从未有过设计系统的 vibe-coded 生产应用中提取设计系统：盘点组件、把事实上的样式挖掘成 DTCG token、搭建 Storybook 包、移植组件，并可选地把 token/组件往返同步进 Figma。适用于用户想要“提取设计系统”“从这款应用/代码库创建设计系统”“把我们的组件逆向工程进 Storybook”“把我们的应用样式变成 token”，或“整合多个 AI 构建产品的 UI”时。连接 figma-console-mcp 本地服务（figma_ds_* 工具）时效果最佳；也包含由 Agent 驱动的降级方案。

F

figma-prototype-plan

mohitagw15856 / pm-claude-skills

在 Figma 中规划用于用户测试的原型交互和流程。在被要求规划 Figma 原型、设置原型交互、定义用户测试要制作哪些原型，或为用户测试准备 Figma 原型时使用。产出原型范围、交互规格说明、测试任务脚本和 Figma 设置指南。

F

figma-spacing-system

mohitagw15856 / pm-claude-skills

为 Figma 设计系统设计间距和布局 token 体系。在被要求创建间距系统、定义布局 token、设置网格系统、构建间距尺度，或为 Figma 文件建立布局基础时使用。产出完整的间距尺度、网格定义、组件间距约定和 Figma 实现指南。

F

form-ux-review

sylphxai / skills

为注册、结账、入门引导、设置、支持、企业线索表单、创作者提交、市场列表、支付、取消、数据导出和管理工作流设计并评审表单 UX，覆盖 Web、移动端和桌面端。适用于改进表单完成率、清晰度、无障碍、校验、错误、字段顺序、渐进式披露、自动保存、信任、欺诈控制和支持证据。

F

frontend-architecture

exceptionless / exceptionless

将此技能作为 ClientApp 中 Svelte 5 应用的前端入口——用于添加路由、创建功能切片、编写 Svelte 组件、应用 TypeScript 约定、使用共享 UI／格式化组件、处理无障碍或添加前端测试。旧版 Angular 应用仍在 ClientApp.angular 中支撑当前站点的大部分功能，但所有新的前端开发都应仅使用 Svelte UI，除非用户明确要求进行 Angular 或旧版 UI 更改。

F

frontend-developer

liuchiawei / agent-skills

构建 React 组件、实现响应式布局并处理

G

glmv-web-replication

zai-org / glm-skills

前端视觉复刻技能。通过 Playwright MCP 或 agent-browser 浏览目标网站公开可见的页面，截取屏幕截图并收集布局信息，然后生成静态或客户端前端复刻版，以近似还原原网站的视觉外观和页面结构。此技能仅复刻前端展示，不会复现后端逻辑、服务端行为、数据库或任何非公开内容。用户有责任在复刻任何网站前确保已获得适当授权（所有权、许可或明确许可）。授权门槛：开始前，Agent 必须向用户确认其依法有权复刻目标网站。如果用户无法确认，技能必须拒绝继续。

H

hig-technologies

sickn33 / agentic-awesome-skills

根据 HIG 模式审查 Apple 平台技术的用户体验，涵盖支付、健康数据、身份、Siri、AR、云同步和共享体验。用于设计集成流程、规划权限和检查无障碍体验。

暂无简介

H

holocron

remorses / holocron

Holocron 是一个兼容 Mintlify 的文档站点生成器和 Vite 插件。在创建、迁移、定制或部署 Holocron 文档站点时使用本技能。在编写 index.mdx、页面标题、hideTitle、Above heroes 或用于 Google 品牌排名的首页 SEO 时也可加载。

I

inspect

bluzir / claude-code-design

将自然语言描述的元素（"英雄区的红色按钮"、"从上往下第三张卡片"）解析为当前预览中的具体 DOM 元素及源代码位置。使用 Chrome DevTools MCP 的 take_snapshot UID 进行确定性定位。适用于用户要求在不指向源代码的情况下更改、设置样式或删除某个特定视觉元素的场景。

J

jetpack-compose-ui

peterbamuhigire / chwezi-dev-engine

面向编码的软件开发引擎。提供可用于生产环境的技能系统，涵盖 Web 应用与移动架构、API、数据库、Web、移动、AI、安全、UX、SaaS 和 ERP 工程。通过分层的基础技能与专业技能编码可复用的工程判断，助力生成安全、可扩展、易维护且高性能的软件系统

K

kwc-shoelace-vue

kingdee / kwc-skills

仅适用于非 KWC 工程的通用 Vue 项目。KWC 工程需求必须交由 kwc-project-scaffold。

L

linyuebanzi-edu-infographic

lqshow / linyuebanzi-skills

将任意学科知识点转化为竖版教育信息图 (9:16)。用户只需要输入一个知识点名称（如"声现象"、"勾股定理"、"光合作用"），Skill 自动完成：识别学科/年级/章节、拆解 3-5 个核心子概念、分配主题色系、为每个子概念生成具体插图描述、构建完整提示词并调用 linyuebanzi-image-gen 生图。内置双层学科准确性检查：生图前按分学科清单自检提示词，生图后读回 PNG 视觉复核（文字/公式/图示），不通过自动重试，确保交付给学生的内容准确。内置物理（声/光/热/力/电/透镜/机械运动）、数学、化学、生物、语文、历史、英语等学科的插图指引。支持批量生成——"初二物理上学期全部章节"会逐章生成，每章不同色系，风格统一。触发词包括：做一张信息图、知识卡片、学科图解、物理信息图、化学信息图、做张知识图、画个知识卡片、把这个知识点做成图。不要用于动态交互演示（走交互演示 Skill）、文章封面图（走 linyuebanzi-cover-generator）、手绘风文章配图（走 linyuebanzi-inline-diagram）。

L

live-panel

ythx-101 / live-panel-skill

根据 JSON 配置构建终端风格、持续运行的动态架构图，并渲染为 mp4。当用户需要系统、Agent 或组织架构图呈现为终端窗口中的监控仪表板时使用：固定布局、在线路上发光流动的数据包、滚动日志、计数器和状态条翻转；输出为屏幕录制风格视频或实时网页，而不是静态图片或逐步展示。中文：当用户要做"活的"架构图、agent 树或系统监控面板风格的动画（mp4 视频或循环网页）时使用——终端里一直在跑的监控面板外观，固定布局、线上流动的数据包、滚动日志、翻转的计数器和状态条；不是静态图，也不是分步演示。

M

make-tweakable

bluzir / claude-code-design

添加一个制品内的浮动 Tweaks 面板，让用户可在预览中实时调整颜色、字体、间距和布局变体。通过 claude-pipe 模式持久化（pending.yaml + apply-tweaks 技能）。

M

matlab-build-industrial-hmi

matlab / matlab-agentic-toolkit

遵循工业 HMI 惯例（与 ISA-101 对齐）在 MATLAB 中构建工业级 SCADA/HMI 仪表盘：灰场理念、源头报警、写入保护、固定量程趋势、下钻布局。在可用时把序列化交给 matlab-build-app 技能，从而生成真实的 App Designer 应用（.mlapp，或在 R2026b+ 上使用纯文本 .m+.xml），否则退回到以编程方式生成的 .m 应用。适用于将 OPC UA / Modbus / MQTT / OSI PI / PI AF 监控脚本包装成实时操作员应用、构建工厂总览、设计操作员仪表盘，或用户在任何时候要求 MATLAB 中的 "SCADA dashboard"、"HMI"、"plant dashboard"、"operator screen" 或 "industrial monitoring app"。触发词：SCADA、HMI、industrial dashboard、plant overview、operator screen、uigauge、uilamp、alarm banner、gray-field、ISA-101、OPC UA dashboard、setpoint、write safeguards、alarm visualization、OSIsoft PI、AVEVA PI、PI Server、PI Data Archive、PI AF、PI Asset Framework、piclient、afclient。

暂无简介

M

mobile-feel

paragonhq / stealth-skills

让 Web 界面在手机上拥有原生应用般的体验。涵盖触控目标、动态视口高度、安全区域、点击高亮和粘滞悬停、输入框缩放、touch-action 与 overscroll、拇指操作区内的弹层和底栏、屏幕键盘、惯性滚动与下拉刷新冲突，以及中端设备上的性能。适用于用户觉得网站在手机上“像个网站”、构建底部弹层、底部导航或移动表单，或准备发布任何供手机用户使用的内容。

M

modern-tailwind

academind / ai-config

使用 Tailwind CSS 的现代工具类和变体，构建简洁、可扩展的 UI

M

motion-anything

nexu-io / motion-anything

将一句意图转化为得体、精良的动态效果。收到“制作一个好看的动画落地页”“添加一个令人愉悦的点赞动画”或“制作一段流畅的发布视频”等自然语言请求后，此技能会识别意图，在遵循 MOTION-SPEC.md（时序、缓动和克制预算）的前提下，从 motion-anything 库中选择最合适的方案并生成结果。motion-anything 的通用入口。适用于网页、幻灯片、应用展示页和视频。

O

orderly-sdk-page-components

orderlynetwork / skills

使用 Orderly SDK 的预构建页面组件快速组装完整的 DEX 页面（TradingPage、Portfolio 模块、Markets、Leaderboard、Vaults、Points、Affiliate）

O

orderly-sdk-theming

orderlynetwork / skills

使用 CSS 变量、多主题支持、logo、TradingView 图表样式和 PnL 分享海报自定义 Orderly DEX 的视觉外观。