Skills

L

linyuebanzi-inline-diagram

lqshow / linyuebanzi-skills

为林月半子(LQ)的技术长文自动识别插图位置,并生成 16:9 概念图/流程图/对比图/架构图。支持七种风格:手绘网格笔记本风(notebook)、专业扁平信息图(infographic)、现代高级科技商务风(executive-tech)、温暖手绘卡片风(cozy-handdrawn)、技术简笔画风(tech-doodle)、卡通信息图风(cartoon-infographic)和白板手绘风(whiteboard-sketch)。当用户需要给已经写好的文章配插图、加配图、排版优化、让长文不那么单调时使用。触发词包括:加插图、配图、加几张图、让文章更生动、排版优化、文章太单调了、给文章画几张手绘图、手绘示意图、信息图、商务风配图、科技商务风。skill 的核心价值在于"智能识别文章里哪些段落值得配图"——优先选抽象概念、流程循环、对比分类、架构组件这四类地方,不在每段机械配图。使用 MuleRun Nano Banana 2 Generation API 生成,支持通过 --style 切换不同视觉风格。不要用于封面图(走封面 skill)、截图替代、纯代码展示、表情包生成。

O

onboarding

infrasity-labs / dev-gtm-claude-skills

当用户想要优化注册后的 onboarding、用户激活、首次运行体验或价值实现时间时使用。当用户提到“onboarding flow”、“activation rate”、“user activation”、“first-run experience”、“empty states”、“onboarding checklist”、“aha moment”、“new user experience”、“users aren't activating”、“nobody completes setup”、“low activation rate”、“users sign up but don't use the product”、“time to value”或“first session experience”时也使用。每当用户注册了却留不下来时，就使用此技能。若涉及持续的邮件序列，见 emails。

P

powershell-ui-architect

404kidwiz / claude-supercode-skills

使用 WinForms、WPF 与 Console/TUI 框架以 PowerShell 构建 GUI 与 TUI 的专家。在创建带图形或终端界面的 PowerShell 工具时使用。触发词包括“PowerShell GUI”“WinForms”“WPF PowerShell”“PowerShell TUI”“terminal UI”“PowerShell interface”。

P

pricing-page

boraoztunc / skills

设计或重写高转化率 SaaS 定价页面时使用，涵盖结构、套餐设计、文案、SEO/AEO、常见问题、布局模式和实验。包含检查清单、模板和常见误区

P

prototype

pwguler / skills

在编写任何实际代码之前，先构建一个供用户反馈的一次性 UI 原型。用户要求制作 UI 模型或原型时，请阅读此技能。当设计决策取决于文字无法确定的外观、感受或流程时使用。

在创建自定义 React Flow 节点、边和连接柄时使用。涵盖自定义节点组件、可调整大小的节点、工具栏与高级定制。

R

rendering-animate-svg

theorcdev / 8bitcn-ui

将动画 SVG 元素包裹在 div 中以启用硬件加速。在制作 SVG 图标或元素动画时使用，尤其是在带像素画动画的 8 位复古组件中。

R

robis-design-best-practice

ethiopian-cursor-community / robis-design-best-practice

应用 Robi 的 UI 设计原则，打造美观且无障碍的界面。在构建 UI 组件、评审设计、选择颜色、设置间距或实现动画时使用。涵盖色彩理论（HSL、WCAG、halation）、间距（4px 系统）、图标、阴影与微交互。

T

text-code-edit

meitu / meitu-skills

使用 meitu-cli 对已有 React/TSX/JSX 源码做编辑修改，支持多轮迭代。当用户提到改代码、修改页面、调整样式、换颜色、加按钮、删组件、改布局、改刚才的代码时触发。

T

threejs-interaction

sickn33 / agentic-awesome-skills

Three.js 交互——光线投射、控制器、鼠标/触摸输入、对象选择。处理用户输入、实现点击检测、添加摄像机控制或创建交互式 3D 体验时使用。

T

tk-explain

mtgvim / tiger-kit

[user/auto] 当需要请求说明概念背景知识与实际结构、运作方式的视觉资料或自包含 HTML 说明材料时使用。不用于说明特定变更、由多个章节构成的学习课程、普通文本提问、修改现有文章、产品对比原型。

U

ux-iconography

uxcel-lab / product-skills

选择并设计能被理解的 UI 图标，而不只是装饰——使用通用的隐喻、统一一致的风格、在含义不明显处加文字或无障碍标签、在小尺寸下清晰可辨，并具备足够的触控目标。用一套体系取代含义模糊的纯图标按钮和混用的图标风格。当被要求添加或挑选图标、设计图标集、决定填充还是描边、为图标加标签、修复不一致或含义模糊的图标体系，或在系统图标库（SF Symbols/Material）与自定义图标之间做选择时触发。

W

web-design-guidelines

dedalus-erp-pas / foundation-skills

针对 Web Interface Guidelines 合规性的视觉检查与代码审查。在「review my UI」「check accessibility」「audit design」「review UX」「fix the layout」「find design problems」时触发。支持代码静态分析和浏览器中的视觉检查，并自动修复。

X

x-markdown

ant-design / x

在使用 @ant-design/x-markdown 构建或审查 Markdown 渲染时使用，包括流式 Markdown、自定义组件映射、插件、主题以及面向对话的富内容。

B

brand-asset

sanky369 / vibe-building-skills

生成品牌视觉识别元素——标志概念、图标集、无缝图案、品牌插画和纹理——以可直接用于生成的提示词规格形式产出，并在配置了自动化时通过 FAL.ai 的 fal-ai/nano-banana-pro 生成它们。当用户说“design a logo”“I need icons”“brand pattern / texture”“brand illustrations”“visual identity elements”或“make my brand assets”时使用。为每个素材产出一个提示词规格块（素材类型、风格、含十六进制值的调色板、构图、否定约束）、供用户选择的变体方案、文件命名规范，以及每个已批准素材的品牌指南条目；当设置了 FAL_API_KEY 时运行 docs/creative_cli.py brand。

C

cavekit-design-system

juliusbrussee / caveman-code

如何编写和维护 DESIGN.md 作为 Cavekit 项目的视觉规范层。九节格式、设计 token、无障碍、与 kits/plans 集成。在定义或修订视觉标识、导入第三方设计系统，或根据设计 token 审查 UI 代码时使用。

C

codedvisuals

pixelcave / skills

为 React 营销页或落地页添加 CodedVisuals 视觉组合。当用户想在项目中加入动画化的代码视觉元素（图表、英雄区、bento、功能区块、仪表盘、聊天、代码编辑器、头像、集成等），想为某个区块挑选合适的视觉元素，或想安装、导入和自定义其中之一时使用。这是入口点；每个视觉元素也有一个位于 visuals/{category}/{file}.md 的参考文件。

React/TypeScript、SwiftUI 和现代 CSS 的生产级 UI 组件代码，包含完整的状态矩阵、ARIA 属性、键盘处理和设计令牌消费。适用于构建或审查按钮、模态框、表单、输入框、表格，或任何需要覆盖全部状态的组件。

C

create-issue-interaction-ui

paperclipai / paperclip

端到端添加一种新的 Paperclip 议题线程交互类型。当仓库工作引入或扩展 request_confirmation、复选框确认、ask_user_questions 或 suggest_tasks 等交互卡片时使用。

C

creative-director

pablostanley / designteam-app

激活以编排多阶段设计项目、设定简报、执行质量关卡并排定专家工作的顺序。

C

customer-journey-mapping

thatrebeccarae / claude-marketing

绘制从认知到拥护的客户旅程。可视化触点，识别流失点，分析渠道互动，优化端到端体验。当用户询问客户旅程、漏斗映射、触点分析或体验优化时使用。

D

deckkit-ppt-replica

artifact-kit / artifact-kit

使用 DeckKit 将参考幻灯片图像重建为可编辑的 PowerPoint：路由感知的 bbox JSON、可选的浏览器 Workbench 审阅、lucide/icon 语义重建、源裁剪，以及针对难处理的位图素材的图像生成提示词。

D

design-exploration

yunshu0909 / yunshu_skillshub

界面设计探索（开发范式 v1 · 仅限有 UI 的模块）。触发前两个硬条件必须同时成立：①这个东西有用户能看见的界面 ②界面尚不存在。通过"需求收敛 → 技术调研 → ASCII 批量出 5-8 个方案 → HTML 设计稿 → 全状态覆盖 → 需求总结"，产出 3 个交付文件：需求总结.md + {模块}-设计稿.html + {模块}-全状态设计参考.html，作为 PRD 阶段的输入。不适用于：无界面的流程/架构/数据结构/接口/方案设计——"设计"二字不等于本 skill（用 issue-pool 讨论拆解）、界面已经在代码里跑着要改样式（用 ui-design）、照着现成设计图或截图复刻（用 design-replica）、写 PRD 时给单个故事配线框图（用 prd-test-writer，它自带 ASCII 线框能力）、还没决定要不要做的模糊想法（先用 issue-pool 入池）、纯发散不收敛的终局愿景（用 vision-exploration）。

D

design-game-design-fundamentals

fcsouza / agent-skills

适用于设计核心游戏循环、反馈系统、玩家动机模型、MDA 框架分析、成长曲线、难度调校、奖励计划，或任何与品类无关的游戏设计理论。

D

discovery-interviews-surveys

lyndonkl / claude

设计结构化访谈指南、调查问卷和 JTBD 探询，以便在向用户学习的同时避免常见研究偏差（诱导性问题、确认偏误、选择偏误）。在构建前验证产品假设、发现未满足的用户需求、理解客户问题与工作流、测试概念或定位、研究目标市场、识别待办任务与购买触发因素，或发掘痛点与变通做法时使用。

E

editable-ui

decentraland / sdk-skills

编写 React-ECS 场景 UI，使其可被 Creator Hub 的 2D UI 编辑器（UI Designer）完整读取和编辑——包括文件布局、state/props 绑定接口、useInteraction 风格层、action、平台变体，以及用于动画的 driver 模式。当用户希望 UI 可在 Creator Hub 中编辑、想为 UI Designer 生成 UI，或想改造现有代码化 UI 使其能在编辑器中打开时使用。对于不需要编辑器支持的代码化 UI，使用 build-ui。

H

html-slide-render

humantonylee / future-slide

最终 HTML 幻灯片阶段。当用户想要根据 DESIGN.md、slide_plan.json 和 html_slide_prompts.json 实现或渲染可编辑的 HTML 幻灯片时触发。

P

point-partner-creative-review

pointdotcom-marketing / marketing-skills

在人工进行品牌、内容或合规审查之前，审查合作方、联盟方、经纪商或发布方提交的、包含 Point 的创意素材，找出明显的首轮品牌、文案、产品、披露、制作和客户旅程问题。适用于广告、贴片、脚本、邮件、落地页、文档或创意素材批次；不适用于最终合规审批或全新的营销活动构思。

P

presenton

presenton / skills

使用 Presenton 创建新的 PPTX、PDF 和 PNG 文件的技能。每当用户要求 PowerPoint、演示文稿、幻灯片、pitch deck、报告 deck、PDF、演示 PDF、PNG 幻灯片、幻灯片图片或导出的 deck 时使用此技能，即使未提及 Presenton。用户提供具体设计简报时使用该简报；否则搜索 Presenton 设计、上传用户提供的图片、搜索 Presenton 图标、生成带 HTTPS 资源 URL 的 1280x720 HTML、导出所请求的格式——未指定时导出全部三种格式——并返回下载 URL 以及可分享的演示预览链接。

R

rebrand-video-library

clueso-ai / skills

品牌重塑后，将新品牌应用到现有视频上——审查每个场景中的旧颜色、logo、字体和过时的片头/片尾，替换为新品牌套件，并保持旁白和时间轴不变。适用于用户说“我们换了品牌，更新我们的视频”“把这段视频里的旧 logo 换掉”“把我们新的品牌色应用到这段视频”“我们的视频库还是旧品牌”或“把片头换成我们的新片头”时。

S

syncfusion-aspnetcore-theme

syncfusion / aspnetcore-ui-components-skills

**主题与外观指南** — 协助处理 Syncfusion ASP.NET Core EJ2 组件的主题、自定义、尺寸模式和动态主题切换。适用于：应用主题（Bootstrap、Material、Tailwind、Fluent 等）、自定义主题变量、实现主题切换器、启用触摸模式，或自定义图标与外观。

S

syncfusion-aspnetcore-tree-view

syncfusion / aspnetcore-ui-components-skills

实现 Syncfusion ASP.NET Core TreeView 组件，用于层级数据可视化。适用于处理树结构、节点选择、复选框或拖放操作。此技能涵盖数据绑定、节点编辑和高级树配置。

T

text-code

meitu / meitu-skills

使用 meitu-cli 从零生成 React/TSX 页面代码，支持素材参考与 prompt 扩写。仅当用户明确要求生成 React/TSX/HTML 前端代码文件时触发；普通页面设计讨论、产品方案、视觉设计需求不触发。

暂无简介

U

ux-typography

uxcel-lab / product-skills

设计或评审产品的排版——字体选择与搭配、字号体系、层级以及可读性设置（字号、行长、行高、间距、对齐）。当选择字体或字体搭配、搭建字号体系、修正排版层级、提升文本可读性，或评审 UI 布局的排版问题时触发。

U

ux-writer

pablostanley / designteam-app

在按钮标签、错误消息、空状态、工具提示、引导文案和确认对话框中激活。

V

vue-frontend-expert

caomeiyouren / momei

MomeiBlog 是一个由 AI 驱动、原生国际化的 AI 博客平台。

X

xhs-cover-skill

cclank / xhs-cover-skill

根据用户内容为小红书封面生成图像生成提示词。它会润色内容以贴合小红书风格，并套用视觉风格模板，输出用于图像生成的 JSON。

WCAG 2.2 合规、ARIA 编写模式、屏幕阅读器与键盘导航、色彩对比度，以及认知与神经多样性适配。用于审计无障碍性、修复 a11y 违规、选择 ARIA 角色、检查对比度，或为 ADHD、阅读障碍、自闭症或运动障碍进行设计时。

A

accessibility

oimiragieo / agent-studio

确保 UI 组件的可访问性，包括语义化 HTML、ARIA 属性、键盘导航以及符合 WCAG 2.2 AA。

A

animations

verygoodopensource / vgv-ai-flutter-plugin

使用内置动画框架的 Flutter 动画最佳实践，涵盖隐式动画、显式 `AnimationController` 动画、页面转场与 Material 3 动效令牌。在创建、修改或审查动画、转场、动效或动画组件时使用，也适用于使用 `CustomTransitionPage`、`GoRouteData` 子类上的 `buildPage` 重写或 `Hero` 转场构建的自定义路由转场，因为路由之间的动效本身就是动画工作，即使周边代码是 `go_router`。

当用户的任务涉及 antdv-next 时使用 —— 编写 antdv-next 组件、调试 antdv-next 问题、查询 antdv-next 的 props/events/slot/tokens/demos、在 antdv-next 各版本之间迁移，或分析项目中的 antdv-next 使用情况。触发于 antdv-next 相关代码、来自 'antdv-next' 的导入，或明确的 antdv-next 问题。

A

apply-mantel-styles

sammcj / agentic-coding

提供将 Mantel 品牌风格应用于图表和前端组件的指南。在被要求创建需符合 Mantel 品牌规范的视觉素材时使用。

B

branded-intro-outro

clueso-ai / skills

设计一对匹配的品牌转场 —— 一段 3-5 秒的开场（logo 时刻加标题位置）和一段视觉匹配的结尾（CTA 卡片）—— 让团队发布的每支视频都以同样的方式开场和收尾。使用场景：用户说 "make us a branded intro"、"intro and outro for our videos"、"logo sting"、"opening and closing bumpers"、"end card with our CTA"，或希望为其视频库提供一致且符合品牌的开场与结尾。

D

dashboard-builder

qwenlm / qwen-code-examples

使用 React/Next.js + shadcn/ui + Tailwind CSS + Recharts + Express 构建全栈仪表盘应用，数据源可自定义。在创建数据可视化仪表盘、商业智能界面、监控系统、KPI 展示、分析平台，或任何需要数据可视化搭配现代 UI 组件与动态效果的项目时使用。

F

frontend

code-yeongyu / oh-my-openagent

构建、设置样式并打磨 Web UI 与 UX。适用于任何前端、页面、组件、样式、布局、动画或视觉质量任务，或当被要求让某个界面呈现出某种外观或感觉时。

H

html-slide-prompt

humantonylee / future-slide

第三个 HTML 幻灯片阶段。当用户只想要逐页实现说明、html_slide_prompts.json，或根据 DESIGN.md 和 slide_plan.json 生成的 HTML/CSS 幻灯片构建提示词时触发。

M

mobile-responsive

asadsumbul / mobile-responsive

Agent 创建、编辑、审查或调试任何 Web UI（如页面、组件、布局、区块、表单、导航、卡片、表格或模态框）时，都应使用此技能。确保输出适配移动设备并能在各种设备上响应式呈现（从 320px 小屏手机到大型桌面设备），避免水平溢出，并让结果看起来经过精心设计，而不只是“没有坏掉”。同时确保视觉一致性：新 UI 必须匹配项目现有的间距、字体、断点和组件模式，并与后续添加的组件保持协调。触发短语包括“让它支持响应式”“适配移动设备”“在手机上正常运行”“修复移动端布局”“内容溢出了”“小屏幕上显示错乱”，以及任何未指定响应式行为的 Web UI 构建或样式需求。生成新的 Web 标记时主动使用。

M

mood-board-builder

gtmagents / gtm-agents

用于汇集视觉灵感、配色方案和排版参考

通过公开的 V1 API 管理 PageCraft 区块集合 —— 列出/查看/创建/重命名/删除集合，以及用区块填充集合（添加、移除、重新排序）。当用户说「создай коллекцию」「добавь блок в коллекцию」「убери блок из коллекции」「покажи коллекции」「что в коллекции」「переименуй коллекцию」「поменяй порядок блоков в коллекции」「удали коллекцию」时使用。请通过 `Skill(pagecraft-collections)` 工具调用，不要通过 `Read .../SKILL.md`。

S

svelte-layerchart

spences10 / svelte-skills-kit

Svelte LayerChart 模式。适用于带 tooltip 代码片段、Chart 上下文访问的图表组件，以及用于 tooltip、渐变、高亮和坐标轴的所有 Svelte 5 代码片段模式。

S

syncfusion-aspnetcore-ai-assistview

syncfusion / aspnetcore-ui-components-skills

实现 Syncfusion ASP.NET Core AI AssistView 控件，用于交互式 AI 辅助界面。在 ASP.NET Core 应用中实现 AI 助手、提示词建议、自定义视图、文件附件、Markdown 响应、可自定义模板、可重新生成的响应、思考能力（思维链）、生成式 UI 块、文本转语音、语音转文本输入，或自定义高级 AI 对话界面时使用本技能。

S

syncfusion-aspnetcore-chat-ui

syncfusion / aspnetcore-ui-components-skills

实现 Syncfusion ASP.NET Core Chat-UI 控件，用于交互式实时消息组件。在 ASP.NET Core 应用中实现聊天界面、消息管理、文件上传与附件、使用模板自定义外观、消息事件、输入指示器，或国际化和 RTL 布局时使用本技能。

S

syncfusion-aspnetcore-diagram

syncfusion / aspnetcore-ui-components-skills

实现 Syncfusion ASP.NET Core Diagram 组件（EJ2 Tag Helper `ejs-diagram`），用于在 Razor Pages 或 MVC 应用中构建交互式图表。处理组织架构图、流程图、BPMN 流程图、UML 图或泳道图时使用本技能。本技能涵盖节点与连接线配置、布局选项、形状样式、数据绑定、绘图工具、导出/打印功能及其他图表功能。

S

syncfusion-aspnetcore-inline-ai-assist

syncfusion / aspnetcore-ui-components-skills

实现 Syncfusion ASP.NET Core Inline AI Assist 控件，用于实时文本处理和 AI 驱动功能。当用户需要在 ASP.NET Core 应用中实现智能提示词建议、AI 辅助内容生成、命令弹窗、响应操作或 AI 辅助弹窗定位时使用本技能。

S

syncfusion-aspnetcore-ribbon

syncfusion / aspnetcore-ui-components-skills

使用 Razor Tag Helpers 实现 Syncfusion ASP.NET Core Ribbon 控件。当用户提到 Syncfusion ASP.NET Core Ribbon、`<ejs-ribbon>`、`<e-ribbon-tab>`、`<e-ribbon-group>`、Razor Tag Helpers、Ribbon 实现、选项卡、组、项、文件菜单、backstage、布局、事件或 ASP.NET Core Ribbon 设置时使用本技能。涵盖安装、标签助手注册、组件结构、项、事件、主题、无障碍和高级模式。

T

tailwind-v4

mastra-ai / mastra

Tailwind CSS v4 使用指南及 v3 到 v4 的差异。在本仓库中编写、审查或重构任何 Tailwind CSS 代码时，应使用此技能。涉及 Tailwind 类名、@theme 块、CSS-first 配置，或清理 v3 时代语法的任务时触发。

T

taruvi-refine-providers

taruvi-ai / taruvi-skills

在 Taruvi 应用上进行 Refine.dev 前端工作：接线 data/storage/app/user provider、authProvider、accessControlProvider；针对 Taruvi 使用 Refine hooks（CRUD、useCustom、useCan、useDataGrid、useForm）；构建列表页、仪表盘、KPI 卡片、文件管理器、基于网络请求的自动补全；从前端调用 Taruvi 函数和分析；调试 401/403、令牌刷新、重定向循环或权限失败。触发条件：Taruvi 项目中的任何 Refine/React 工作、"build a list page"、"add a dashboard"、"wire up auth"、"dataProvider"、"@taruvi/refine-providers"、`VITE_TARUVI_*`。后端 Python、MCP 配置、schema、策略或原生 SQL 请跳过——改用 `taruvi-app-developer`。

U

uniappx-uview-pro

partme-ai / full-stack-skills

将 uView Pro 组件库集成到 UniAppX（uni-app-x）项目中，使用 TypeScript 和 Composition API，包括 easycom 配置、pages.json 和 manifest.json 设置以及平台专属处理。当用户需要向 UniAppX 项目添加 uView Pro 组件、配置 TypeScript .uts 集成或处理跨平台样式时使用。

U

uview-pro-vue3

partme-ai / full-stack-skills

使用 uView Pro 组件库（100+ 组件）在 uni-app 中构建 Vue 3 移动端界面。涵盖 Button、Form、List、Modal、Tabs、NavBar，以及内置的 HTTP、存储、路由和校验工具。适用于用户需要用 uView Pro 创建 uni-app 界面、配置主题或使用 uView Pro 工具函数时。