Skills

A

ads-landing

agricidaniel / claude-ads

审核付费广告落地页的文案匹配度、移动端体验、性能、无障碍性、可信度、表单、同意机制、跟踪、安全性和转化阻力。用于落地页审核、点击后体验、LP 审核、转化率优化、表单优化、广告与页面文案匹配、重定向、导航受阻，或涉及私有、环回、链路本地或元数据 IP 目标地址的请求。

S

swift-charts

dpearson2699 / swift-ios-skills

使用 Swift Charts 实现、审查或改进数据可视化。适用于构建柱状图、折线图、面积图、点图、饼图、环形图或 iOS 26 3D 图表；添加图表选择、滚动、注释、坐标轴、刻度、图例或 foregroundStyle 分组；使用 BarPlot、LinePlot、AreaPlot、PointPlot、Chart3D 或 SurfacePlot 绘制函数；或创建热力图、甘特图、分组柱状图、迷你图、阈值线或空间可视化

U

user-research

anthropics / knowledge-work-plugins

规划、开展并综合用户研究。当用户提到“用户研究计划”“访谈指南”“可用性测试”“问卷设计”“研究问题”，或需要通过研究了解用户时使用。

F

figma-implement-design

figma / mcp-server-guide

将 Figma 设计转写为可投入生产的应用代码，保持 1:1 的视觉还原度。在根据 Figma 文件实现 UI 代码、用户提到 "implement design"、"generate code"、"implement component"、提供 Figma URL 或要求构建符合 Figma 规范的组件时使用。若需通过 `use_figma` 写入 Figma 画布，请使用 `figma-use`。

G

game-ui-design

omer-metin / skills-for-antigravity

提供世界一流的游戏 UI 设计专业知识，融合 Nintendo UI 理念的清晰性、Dead Space 和 Metroid Prime 的沉浸式叙事内界面，以及电竞游戏的竞技可读性原则。游戏 UI 是连接玩家意图与游戏响应的无形桥梁。优秀的游戏 UI 服务于玩家，同时不破坏沉浸感。它能在激烈行动中让玩家一眼获取关键信息，引导新玩家而不轻视老玩家，并能从 4K 显示器到掌机屏幕、从键盘到触控再到手柄自然适配。优秀的游戏 UI 设计师明白，屏幕上的每个像素都弥足珍贵——它们来自游戏世界本身。提及“game ui、game interface、hud design、heads up display、game menu、inventory ui、health bar、stamina bar、game hud、minimap、crosshair、reticle、button prompt、controller ui、gamepad navigation、diegetic interface、in-world ui、quest tracker、damage numbers、cooldown indicator、radial menu、game tooltip、game-ui、hud、game-interface、game-menu、controller-ui、diegetic、game-design、accessibility、console、mobile-games”时使用。

W

web-design-guidelines

nexu-io / open-design

根据 Vercel 工程团队的 Web Interface Guidelines 检查 UI 代码的合规性。涵盖产品 UI 的布局、字体排版、颜色、动效和无障碍性。

G

generating-flexipage

forcedotcom / sf-skills

用户需要创建、生成、修改或验证 Salesforce Lightning 页面（FlexiPages）时使用。用户提及 RecordPage、AppPage、HomePage、Lightning 页面、页面布局、向页面添加组件或页面自定义时触发。用户说“创建 Lightning 页面”“向页面添加组件”“自定义记录页面”“生成 FlexiPage”，或正在处理 FlexiPage XML 文件并需要组件、区域或部署错误方面的帮助时，也应使用。任何与 FlexiPage 相关的工作都必须使用此技能，即使用户只是在 Salesforce 的上下文中提到“页面”。

G

generating-custom-tab

forcedotcom / sf-skills

当用户需要创建或配置 Salesforce 自定义选项卡时使用此技能。当用户提到选项卡、导航选项卡、对象选项卡、Web 选项卡、Visualforce 选项卡、Lightning 组件选项卡、应用页面选项卡或选项卡配置时触发。当用户希望为自定义对象添加导航、为外部内容创建选项卡或设置 Lightning 页面选项卡时也使用。任何自定义选项卡相关工作都应使用此技能。

G

generating-custom-application

forcedotcom / sf-skills

当用户需要创建或配置基于标签页的 Salesforce Custom Applications（含导航、品牌设置和操作覆盖）时使用。用户提到自定义应用、应用元数据、应用导航，或将标签页组织到应用中时触发。用户希望为标签页和页面创建应用容器时使用。若目标是在 App Launcher 中托管 React UI bundle，则不要使用此技能；该情况应使用 generating-ui-bundle-custom-app。

L

logo-generator

op7418 / logo-generator-skill

生成专业的 SVG 标志和高端展示图。适用于用户希望：(1) 为产品/品牌创建标志或图标；(2) 根据产品信息生成标志设计概念；(3) 使用多种背景风格制作专业的标志展示演示；(4) 以多种格式（SVG、PNG）导出标志；或 (5) 尝试不同视觉风格的标志设计。支持几何图案、点阵设计、线条系统和混合构图。使用 Nano Banana（Gemini 图像生成）和 12 种专业背景风格生成展示图。

U

ui-typography

bencium / bencium-marketplace

适用于 UI 设计、Web 应用、软件界面及所有屏幕文本的专业排版规则。确保遵循 LLM 经常出错的经典排版规范：正确使用引号、破折号、间距、层级和布局。强制模式：生成任何含可见文本的 HTML、CSS、React、JSX 或 UI 代码时，静默自动应用本技能的所有规则——无需询问或解释，只需输出排版正确的内容。审查模式：审查或改进现有界面或旧代码时，指出违规之处并提供修正方案。以下情况会触发：创建任何 HTML/CSS/React 产物、“build a landing page”“create a component”“design a UI”“fix the typography”“make this look professional”“review this layout”、网页设计、演示文稿设计、仪表板创建、文档生成，或任何会为人类生成可见文本的任务。即使用户没有提及排版，生成 UI 输出时也要应用这些规则。

G

gsap-framer-scroll-animation

github / awesome-copilot

用户希望构建滚动动画、滚动效果、视差、滚动触发的显现效果、固定区块、横向滚动、文本动画或任何与滚动位置相关的动效时，均使用此技能；适用于原生 JS、React 或 Next.js。涵盖 GSAP ScrollTrigger（固定、滚动联动、吸附、时间线、横向滚动、ScrollSmoother、matchMedia）和 Framer Motion / Motion v12（useScroll、useTransform、useSpring、whileInView、variants）。即使用户只说“滚动时播放动画”“滚动时淡入”“做出像 Apple 那样的滚动效果”“视差效果”“粘性区块”“滚动进度条”或“入场动画”，也使用此技能。也适用于生成 GSAP 或 Framer Motion 代码的 Copilot 提示模式。与 premium-frontend-ui 技能配合使用，提供创意理念和设计级润色

H

html

plannotator / effective-html

创建或重新设计独立的单文件 HTML 成品，其视觉风格根据用户的需求说明、项目和主题确定。当 HTML 是报告、说明内容、落地页、演示文稿、工具、混合成品或宽泛请求的交付物时使用。这是此合集唯一的隐式路由器。如果有对应的直接调用专用技能，则将明确的线框图、原型、模型图、计划或图表请求路由给它。若交付物并非独立 HTML 文件，则不要用于常规应用实现。

A

ads-dna

agricidaniel / claude-ads

根据经授权的网站和运营者输入，提取适用于付费广告且可公开使用的品牌与产品报价档案。触发词：品牌 DNA、品牌档案、品牌标识、品牌风格、品牌色彩、品牌声音、视觉识别、风格指南、网站品牌分析。

R

react-three-fiber

freshtechbro / claudedesignskills

使用 React Three Fiber（R3F）构建声明式 3D 场景——它是 Three.js 的 React 渲染器。适用于在 React 应用中构建具有基于组件的架构、状态管理和可复用抽象的交互式 3D 体验。适合产品配置器、作品集、游戏、数据可视化和沉浸式 Web 体验。

H

html-plan

plannotator / effective-html

面向明确且自包含的 HTML 计划的直接调用专家，在保留源材料的同时改进层级、顺序、负责人、依赖关系和可审查性。用户明确调用 html-plan，或通用 html 技能将计划请求路由至此时使用。不要因一般请求而独立启用。

M

minimax-pdf

minimax-ai / skills

当 PDF 的视觉质量和设计风格很重要时，使用此技能。创建（从头生成）：“制作 PDF”“生成报告”“撰写提案”“创建简历”“精美 PDF”“专业文档”“封面页”“润色 PDF”“可交付客户的文档”。填写（完成表单字段）：“填写表单”“填写此 PDF”“完成表单字段”“将值写入 PDF”“此 PDF 有哪些字段”。重新排版（为现有文档应用设计）：“重新排版此文档”“应用我们的风格”“将此 Markdown/文本转换为 PDF”“让此文档更美观”“重新设计此 PDF”。此技能使用基于令牌的设计系统：根据文档类型确定颜色、排版和间距，并贯穿每一页。输出可直接打印。外观重要时优先使用此技能，而不只是需要任意 PDF 输出时使用

S

site-md

google-labs-code / stitch-skills

分析项目描述或网站需求，并将项目章程综合整理为 SITE.md，供 Stitch Build Loop 使用。

C

character-design-sheet

halt-catch-fire / mutiny

通过参考表和 LoRA 技术保持 AI 生成图像中的角色一致性。涵盖转面图、表情表、配色方案和风格一致性技巧。适用于：角色设计、游戏美术、插画、动画、漫画、视觉小说。触发词：角色设计、角色设定表、角色一致性、角色参考、转面表、表情表、角色美术、一致的角色、角色概念、参考表、角色创作、OC 设计、角色设定集

A

app-store-screenshots

halt-catch-fire / mutiny

按照平台的精确规格制作 App Store 和 Google Play 截图。涵盖 iOS/Android 尺寸、图库排序、设备 mockup 和预览视频。适用于：应用商店优化、ASO、应用截图、应用预览、Play Store 商品页。触发词：App Store 截图、ASO、应用商店优化、Play Store 截图、应用预览、应用列表、iOS 截图、Android 截图、应用商店图片、应用 mockup、设备 mockup、应用图库、商店商品页

Y

youtube-thumbnail-design

halt-catch-fire / mutiny

YouTube 缩略图设计，涵盖具体尺寸、对比度规则和移动端预览优化。包括安全区域、文字排布、面部表情心理学和 A/B 测试。适用于：YouTube 缩略图、视频封面图片、点击率优化。触发词：YouTube 缩略图、缩略图设计、视频缩略图、点击率、CTR 优化、YouTube 封面、视频封面图片、缩略图制作工具、缩略图技巧、YouTube 设计、视频预览图片

L

landing-page-design

halt-catch-fire / mutiny

通过布局规则、首屏设计和 CTA 心理学优化落地页转化率。涵盖首屏公式、社会认同的布局、移动端设计和 F 型阅读模式。适用于：初创公司落地页、产品页、SaaS 营销、转化率优化。触发词：落地页、首屏区域、首屏可见内容、转化率优化、落地页设计、CTA 按钮、主视觉图片、落地页布局、SaaS 落地页、产品页设计、转化率、落地页最佳实践

O

opentui

anomalyco / opentui

使用 OpenTUI 构建终端 UI。涵盖 Core、框架、组件、应用 API、测试、扩展、集成、部署和公共 API 查询。

B

beautiful-article

conardli / garden-skills

将用户提供的素材（网页 URL、PDF、DOCX、Markdown、纯文本、截图或粘贴内容）编辑、设计成美观、可离线打开和分享的单文件 HTML 网页文章。基于 reacticle 组件协议：不手写裸 HTML/CSS，而是使用语义组件和受主题约束的 Raw 自由层；按 source→规划→双重确认→生成→终审→修复的小型 harness 工作流推进，长文默认保留 100% 信息。适用于将 URL、PDF、DOCX 或文章制作成网页文章、长文、简报、说明文、视觉文章、教程、审阅、复盘或方案分析，或用户提出“将此内容呈现为精美网页文章”“把这篇做成网页文章”“生成可分享的 HTML 长文”“reacticle 文章”等需求。只生成文章，不生成后台、表单、dashboard、产品原型或通用 Web App。

T

tldraw-skill

agents365-ai / 365-skills

用户要求绘制图表、流程图、架构图或可视化内容时使用。当解释包含 3 个以上组件的系统、复杂数据流或适合用视觉方式呈现的关系时，也应主动使用。生成 .tldr JSON 文件，并使用 @kitschpatrol/tldraw-cli 在本地导出 PNG/SVG。

F

firecrawl-website-design-clone

firecrawl / skills

将现有网站的视觉系统提取到 DESIGN.md，或收集其现有 Logo、颜色、字体和首页文案，用于编写文档。适用于基于参考的 UI 实现、记录设计模式，或使演示文稿与公司网站风格相匹配。不包括创造新品牌或品牌定位。

T

tailwindcss

hairyf / skills

Tailwind CSS 实用优先型 CSS 框架。用于通过实用类为 Web 应用添加样式、构建响应式设计，或使用主题变量自定义设计系统。

L

layer-art-direction

layerai / skills

当 Layer 需求简报需要在批量生成前确定方向时使用：用情绪板探索风格、在视觉方向之间做选择、为广告、预告片或过场动画制作分镜、确定配色、精确命名一种风格或年代，或构图的取景。当需求简报含糊、生成结果反复偏离未言明的意图时，也使用此技能。关键词：艺术指导、情绪板、风格探索、分镜、分镜格、节拍、配色、构图、取景、年代、参考。

U

ui-design

shajith003 / awesome-claude-skills

使用此技能在单个 HTML 文件中设计精美的 UI，用于获取灵感和探索 UI。

F

frontend-design

bytedance / deer-flow

创建具有鲜明特色、达到生产级水准且设计质量出色的前端界面。用户要求构建 Web 组件、页面、制品、海报或应用时使用此技能，例如网站、落地页、仪表板、React 组件、HTML/CSS 布局，或为任何 Web UI 添加样式或美化。生成富有创意且精致的代码和 UI 设计，避免千篇一律的 AI 风格。

L

layer-game-assets

layerai / skills

使用 Layer 制作游戏内美术素材时：角色、英雄、NPC、敌人与吉祥物、环境与背景概念图、视差图层，或游戏 UI（图标、按钮、边框、面板、HUD 元素和货币符号）。也适用于需要让一组角色在多张图像中保持造型一致、图标需在 64px 下清晰可辨，或角色需拆分为部件以绑定骨骼时。关键词：角色美术、NPC、敌人、概念图、背景、视差、游戏 UI、HUD、图标集、Spine、绑定。

重构 Dify 前端中复杂度较高的 React 组件。`pnpm analyze-component --json` 显示复杂度 > 50 或行数 > 300、用户要求拆分代码、提取 Hook 或降低复杂度，或 `pnpm analyze-component` 警告应在测试前重构时使用；对于简单、结构良好的组件、第三方包装器，或用户明确要求不重构而直接测试时不要使用。

U

ux-designer

shubhamsaboo / awesome-llm-apps

为用户研究、线框图、原型设计和设计策略提供专业的 UX 设计协助。适用于创建线框图、开展用户研究、制作原型、设计用户流程、撰写 UX 文案、评审设计的可用性、创建用户画像、规划可用性测试，或用户提及 UX 设计、用户体验、线框图、原型、用户研究、信息架构或设计系统时。

S

shopify-liquid-themes

benjaminsehl / liquid-skills

生成 Shopify Liquid 主题代码（sections、blocks、snippets），并包含正确的 schema JSON、LiquidDoc 标头、翻译键和 CSS/JS 模式。适用于创建或编辑 Shopify 主题的 .liquid 文件，处理 schema、doc、stylesheet、javascript 标签，或 Shopify Liquid 对象／过滤器／标签。

T

telegram-bot-builder

sickn33 / agentic-awesome-skills

擅长构建解决实际问题的 Telegram 机器人——从

A

a11y-debugging

chromedevtools / chrome-devtools-mcp

基于 web.dev 指南，使用 Chrome DevTools MCP 进行无障碍（a11y）调试和审计。适用于测试语义化 HTML、ARIA 标签、焦点状态、键盘导航、点击目标和色彩对比度。

A

animate

delphi-ai / animate-skill

Next.js/React 应用的动画模式和最佳实践。在 React 组件中实现动画、过渡、悬停效果、页面切换、模态框或任何动态效果时使用此技能。基于 Emil Kowalski 的“Animations on the Web”课程。

M

mantine-custom-components

mantinedev / skills

构建可与 Mantine 的主题、Styles API 和核心功能集成的自定义组件。适用于以下情况：（1）使用 factory()、polymorphicFactory() 或 genericFactory() 创建新组件；（2）添加 Styles API 支持（classNames、styles、vars、unstyled）；（3）通过 createVarsResolver 实现 CSS 变量；（4）使用子组件和共享上下文构建复合组件；（5）通过 Component.extend() 使用 MantineProvider 注册组件；或（6）涉及 @mantine/core 中的 Factory、useProps、useStyles、BoxProps、StylesApiProps 或 ElementProps 的任何任务。

M

mobile-design

sickn33 / agentic-awesome-skills

针对触控、无障碍、导航、离线行为和实测性能，设计并审查 iOS、Android、React Native 或 Flutter 界面。用于移动应用 UI 工作；不提供移动合规认证

F

firecrawl-demo-walkthrough

firecrawl / skills

使用 Firecrawl 浏览器梳理产品的关键流程，并生成结构化的 UX／产品体验分析。适用于注册、引导流程、定价、文档、仪表板、产品演示准备、UX 拆解和首次使用体验分析。

B

building-ui-bundle-app

forcedotcom / sf-skills

用户想构建、创建或生成 React 应用、Web 应用、单页应用（SPA）或前端应用时，必须激活此技能，即使项目文件尚不存在。项目包含 uiBundles/*/src/ 目录或 sfdx-project.json，且提示要求从零创建、构建或生成新应用、网站或页面时，也必须激活，即使提示还描述了视觉样式。任务涉及多个 ui-bundle 技能时同样必须激活。端到端构建完整应用时使用此技能。Lightning Experience 自定义对象应用不要使用（改用 generating-lightning-app）。修改现有页面的单一方面时不要使用（改用 building-ui-bundle-frontend）。

B

building-ui-bundle-frontend

forcedotcom / sf-skills

对现有应用进行任何视觉或 UI 修改之前，必须先激活此技能，包括编辑 uiBundles/*/src/ 下的任何文件，以及更改页面、组件、区块、布局、样式、颜色、字体、导航、动画或任何外观。修改现有 UI bundle 应用的页面、组件、布局、样式或导航时使用。项目包含 appLayout.tsx、routes.tsx、src/pages/、src/components/ 或 global.css 时激活。此技能包含必须遵循的项目专属约定（appLayout.tsx 外壳、shadcn/ui 组件、Tailwind CSS、Salesforce 基础路径路由、模块限制），优先于通用知识。未使用此技能，生成的代码可能导入错误、破坏路由或忽略项目结构。从零创建新应用时不要使用（改用 building-ui-bundle-app）。

将技术规范目录转换为交互式、达到营销品质的网页演示文稿，让工程师理解设计，让读者认同设计背后的原因，并可公开分享。适用于将规范转换为演示文稿的需求。

U

ui-designer

daniel-dan-conrad / ui-designer-skill

打造独特且可直接发布、设计品质出众的前端界面。用户想构建 Web 组件、页面、作品、海报或应用时使用此技能（例如网站、着陆页、仪表板、React 组件、HTML/CSS 布局，或任何涉及 Web UI 样式设计与美化的任务）。生成富有创意且精致的代码和 UI 设计，避免千篇一律的 AI 美学。

T

tipkit

dpearson2699 / swift-ios-skills

为 iOS 17+ 应用实现和审查 Apple TipKit 功能发现界面。适用于添加或审查应用内提示、上下文帮助、引导标记、Tip、TipView、popoverTip、规则、事件、操作、显示频率、测试覆盖项、可复用的提示标识符，或 iOS 18+ TipGroup 和 CloudKit 提示同步；不适用于提示展示之外的一般 SwiftUI 导航或布局。

COSS UI 粒子示例索引。实现 UI 功能时，可查找基于 coss primitives 构建、可直接复制粘贴的组件模式。每个粒子都附有说明和 JSON URL，便于安装。

S

superwall-editor

superwall / skills

通过具有终端访问权限的本地编码 Agent 构建、编辑或审查 Superwall 付费墙、引导流程和 web2app 流程。通过本地 CLI 启动浏览器编辑器会话，或使用配对码连接现有会话，然后发现其当前工具。涵盖原生 sw-* 元素、设计规范以及连接/调用/释放生命周期。

S

shadcn-ui

jezweb / claude-skills

为 React 项目安装和配置 shadcn/ui 组件。指导组件选择、安装顺序、依赖管理、使用语义令牌进行定制，以及常见 UI 方案（表单、数据表、导航、模态框）。在 tailwind-theme-builder 设置好主题基础设施后，添加组件、构建表单、创建数据表或设置导航时使用。

A

anywidget-generator

marimo-team / skills

为 marimo 笔记本生成 anywidget 组件。

M

motion-art-direction

iart-ai / motion-design-skills

当用户要求“指导动态图形视频”“为视频进行创意／艺术指导”“定义动态语言”“设定基调和节奏”“让动画风格保持一致”“决定动画表现什么（以及不表现什么）”“将简报／品牌转化为动态设计选择”，或需要高于具体技术（gsap/lottie/shader）的资深创意判断时使用。涵盖动态语言、基调与活力、节奏／韵律、动态层级、克制以及镜头间的一致性。

S

swiftui-ui-patterns

dimillian / skills

提供构建 SwiftUI 视图和组件的最佳实践及示例指导，涵盖导航层级、自定义视图修饰符，以及使用堆栈和网格创建响应式布局。适用于创建或重构 SwiftUI UI、使用 TabView 设计标签页架构、使用 VStack/HStack 组合屏幕、管理 @State 或 @Binding、构建声明式 iOS 界面，或需要组件专属模式和示例时。

U

uplifting-components-to-slds2

forcedotcom / sf-skills

运行 SLDS linter 并修复违规项，将 Lightning Web Components 从 SLDS 1 迁移到 SLDS 2。用户提到 SLDS 2、SLDS 升级、linter 违规、LWC 令牌迁移、类覆盖、需要用 SLDS hook 替换的硬编码 CSS 值，或样式 hook 选择时，使用此技能。涵盖所有样式 hook 类别：颜色、间距、尺寸、排版、边框、圆角和阴影。用户提到 no-hardcoded-values、no-slds-class-overrides、lwc-to-slds-hooks、no-deprecated-tokens-slds1，或询问 SLDS 组件迁移时也使用，即使没有明确提到“升级”或“迁移”。

D

design-handoff

anthropics / knowledge-work-plugins

根据设计生成开发交接规范。适用于设计已准备好交付工程团队，且需要包含布局、设计令牌、组件属性、交互状态、响应式断点、边缘情况和动画细节的规范文档。

M

mantine-combobox

mantinedev / skills

使用 Mantine 的 Combobox 基元构建自定义下拉框、选择框、自动补全和多选组件。适用于：(1) 使用 Combobox 基元创建新的自定义选择类组件；(2) 构建可搜索下拉框；(3) 实现多选或标签输入变体；(4) 自定义选项的呈现方式；(5) 添加自定义筛选逻辑；(6) 任何涉及 useCombobox、Combobox.Target、Combobox.Option 或 Combobox.Dropdown 的任务。

S

screenshot-optimization

appeeky / aso-skills

用户希望设计、优化或评估 App Store 截图和预览视频时使用。用户提到 "screenshots"、"app preview"、"product page design"、"screenshot design"、"creative assets" 或 "what should my screenshots show" 时也使用。截图 A/B 测试请参阅 ab-test-store-listing；完整的 ASO 审核请参阅 aso-audit。

I

image-taste-frontend

leonxlnx / taste-skill

Codex 的高级网站图像转代码技能。对于视觉上很重要的网页任务，它必须首先生成设计图像，深入分析，然后实现网站以尽可能接近地匹配。在 Codex 中，它必须优先考虑大型、易读的分部分图像而不是微小的压缩板，为分部分或详细视图生成新的独立图像而不是裁剪旧图像，避免懒惰的生成不足，避免卡片套卡片套卡片的 UI，并保持英雄部分整洁、宽敞、易读，在小笔记本上可见。

C

chakra-ui-builder

chakra-ui / chakra-ui

使用 Chakra UI v3 构建响应式、易于访问的 UI 组件和布局，在新项目和现有项目中安装或配置 Chakra UI，并使用 tokens、semantic tokens、recipes 和 slot recipes 设计可扩展的主题。每当用户要求使用 Chakra UI 构建、创建或生成 UI 组件、页面、表单、仪表板、导航栏、卡片、落地页版块、定价表或布局；希望在项目中添加 Chakra UI、设置 ChakraProvider、运行 CLI 代码片段、配置色彩模式或修复 Provider 嵌套；或者询问主题设置——定义品牌颜色、设计令牌、语义令牌、暗色模式值、组件 recipes、slot recipes、typegen 或弹出默认主题时，使用此技能。任何 Chakra UI 构建、设置、主题或图表请求都应触发，无论措辞多随意——“添加我的品牌颜色”“制作可复用的卡片样式”“构建柱状图”“给我看看折线图”“给我做个登录表单”“构建侧边栏”“在我的应用中添加 Chakra”。

I

ip-as-logo

s1dashu / ip-as-logo-skill

生成极简可爱、拟人化的方形角色图像，采用厚重圆润的造型、两种有明确用途的角色颜色、单一纯色背景，并以底部角落为主构图。用于创建动物、生物、机器人、幽灵、植物、物品或其他角色图像；也可用于让 Agent 推断三个与产品相关的方向，并提出六个独立候选方案供审核。

I

infographic

markdown-viewer / skills

使用以空格分隔的键值语法（非 YAML）创建基于模板的信息图。适用于 KPI 仪表板、时间线、路线图、SWOT 分析、漏斗、对比和组织结构图，快速呈现视觉效果。

U

ui-ux-pro-max

sickn33 / agentic-awesome-skills

面向 Web 和移动应用的综合设计指南。在设计新的 UI 组件或页面、选择配色方案和字体，或审查代码中的 UX 问题时使用。