Skills

L

lorem-ipsum

intellectronica / agent-skills

生成 lorem ipsum 占位文本。当用户要求生成 lorem ipsum 内容、占位文本、虚拟文本或填充文本时使用该技能。支持多种结构，包括纯段落、带章节的标题、列表和连续文本。输出可以按用户要求保存到文件或直接使用。

B

brand-strategist

dylantarre / animation-principles

在定义品牌动态视觉识别、制定品牌表达的动画指南，或让动画与品牌个性保持一致时使用。

E

exaggeration-mastery

dylantarre / animation-principles

适用于确定动作效果应超越现实到何种程度、根据情境校准动画强度，或让关键时刻给受众留下印象

F

fa-help

fortawesome / fontawesome-agent-tools

使用官方文档回答 Font Awesome 相关问题

S

system-atlas

inkboard / system-atlas

构建并维护一个可探索、逐步披露的系统架构等距“地图”：包含交互式页面（悬停阅读、点击固定、进入查看步骤、可检查的移动数据包，以及逐步揭示系统结构的章节），并生成文本版本（SYSTEM.md），通过 ID 跟踪问题，所有内容均来自仓库中的一个数据文件。每当有人想要以可视化方式讨论、设计、评审或解释架构时都可使用，例如“制作一张地图”“映射系统”“让架构可探索”“把代码库/Agent/流水线可视化，以便讨论”“一个可以点击浏览的图”“带我了解它如何组合”，或架构讨论产生大量需要跨反馈轮次跟踪的未决问题时也可使用。决策变更后更新现有地图时同样适用。

T

theme-factory

sickn33 / agentic-awesome-skills

此技能提供精选的专业字体和配色主题，每种主题都搭配精心挑选的调色板与字体。选定主题后，可将其应用于任何作品。

A

angular-best-practices-material

alfredoperez / angular-best-practices

Angular Material 与 CDK 最佳实践。涵盖选择性导入、M3 主题、CDK 工具以及组件测试 harness。在处理 @angular/material 和 @angular/cdk 时激活。不适用于 PrimeNG、Spartan UI 或其他组件库。与 angular-best-practices 一同安装以获得完整覆盖。

D

dashboard-guidelines

elastic / integration-skills

在包中创建或审查 Kibana 资产时使用，包括仪表板导出结构、命名和数据流对齐。

G

gorden-ppt-skill

gordensun / gordenpptskill

使用 21 套内置中文 PPT 模板或用户提供的 .pptx 模板生成和编辑 PowerPoint 演示文稿：只替换文字，不破坏原有排版、配色和字号；内置文本框溢出检测和同级标题字号一致性校验；也支持完全原创的简洁版式。当用户要创建或编辑 PPT、演示文稿、幻灯片或 .pptx，或需要工作汇报、年终与季度总结、述职竞聘、项目复盘、开题答辩、商务提案、教学课件、数据可视化等成品 PPTX 时使用。也适用于从内置模板中选择，或在不破坏版式的前提下使用用户自带模板。

P

paper-poster

wanshuiyin / auto-claude-code-research-in-sleep

已弃用——已由 /paper-poster-html 替代。仅作为便于沿用习惯的重定向保留；不要用于新海报。

P

pdf-design

jamditis / claude-skills-journalism

从 HTML 出发设计 PDF 报告和方案书，并提供预览与品牌化支持。适用于创建、导出或安全上传 PDF。

B

brand

diffusionstudio / skills

Diffusion Studio 的品牌体系，以及确保内容、媒体和素材一致性的唯一依据。用于创建、编辑或审阅 Diffusion Studio 品牌相关工作。

D

diagram-maker

openclaw / openclaw

为概念、架构、流程和白板创建 SVG/HTML 或 Excalidraw 图表。

D

diagram-to-image

sugarforever / 01coder-agent-skills

将 Mermaid 图和 Markdown 表格转换为图片（PNG），以适配不支持富文本格式的平台。当用户要求「转换成图片」「导出为 PNG」「做成图片」，或需要为 X/Twitter 生成视觉导出内容时使用。

E

exit-animations

dylantarre / animation-principles

元素需要离开屏幕时使用——关闭模态框、清除通知、移除项目、页面转场离场，或任何“离开视图”的动画。

I

iphone-duo-dual-pane-patterns

mirzaaghazadeh / iphone-duo-skills

为 iPhone Duo 设计和构建双窗格体验，涵盖每个显示屏及其两半的实际像素和点尺寸、准确的铰链回调类型（onHingeChange / UIHingeInteraction）、铰链驱动效果、姿态到模式的映射（伴随窗格、双视图、列表-详情、桌面控制）、双窗格付费墙和适配折叠屏的引导流程。为 iPhone Duo 确定布局或素材尺寸、接入铰链回调、选择各窗格的内容，或设计跨折叠区域的引导和购买流程时使用。

S

screenshot-feature-extractor

davila7 / claude-code-templates

分析产品截图以提取功能清单并生成开发任务检查表。适用场景：(1) 分析竞品产品截图以提取功能，(2) 根据 UI 设计生成 PRD/任务列表，(3) 批量分析多个应用界面，(4) 基于视觉参考进行竞品分析。

U

ui-ux-pro-max

galaxy-dawn / claude-scholar

当用户要求设计或评审 UI、创建落地页或仪表盘、选择配色或字体、改善无障碍体验，或以清晰的设计系统实现精致的前端界面时，使用此技能。

A

accordions-dropdowns

dylantarre / animation-principles

为手风琴、可折叠区域、下拉菜单或展开/收起元素制作平滑的显示过渡动画时使用

E

extract

adobe / skills

抓取现有网站（限制范围、多页面），并在 stardust/current/ 中生成 PRODUCT.md、DESIGN.md、DESIGN.json、逐页清单和整合后的品牌表层——即从线上网站采集的设计系统、配色、字体、视觉元素和语气。适用于用户希望分析现有网站设计、提取或逆向工程其设计系统或品牌、从线上网站采集设计令牌、将网站作为重新设计的起点导入、在迁移前记录当前状态，或调用 `$stardust extract`（在 Claude Code 中为 `/stardust:extract`）时。触发语包括“分析这个网站”“提取设计令牌”“采集品牌”“抓取网站”“逆向工程设计”。不用于单纯抓取页面数据或内容（它采集的是设计依据，而非数据集），也不用于重新设计本身——提取仅作描述；设计方向和原型制作在后续阶段进行。

D

design

naiersaidane / claude-mastery

咨询产品的设计系统，并生成 `docs/DESIGN.md` 和 HTML 预览（字体样本＋调色板＋1 个屏幕模型）。提出一致且有明确主张的系统（美学、字体、颜色、布局、间距、动效），并附上 SAFE/RISK 分析。用于 /design、“crée le design system”、“écris DESIGN.md”、“design depuis zéro”、“système de design”、“design consultation”、“fais-moi un design system”，或需要正式定义项目视觉识别时。与 /cadre（上游 PRD）和 /planifie（下游实现计划）自然搭配。

根据自然语言描述生成 Excalidraw 图表。当用户要求“创建图表”“制作流程图”“可视化流程”“绘制系统架构”“创建思维导图”或“生成 Excalidraw 文件”时使用。支持流程图、关系图、思维导图和系统架构图。输出可直接在 Excalidraw 中打开的 .excalidraw JSON 文件。

I

ideogram4

digitalsamba / claude-code-video-toolkit

Ideogram 4 文生图提示词模式 — 通过结构化 JSON 描述实现图像内文字渲染和精确的颜色／布局控制。适用于生成需要清晰图中文字（标题卡片、缩略图、徽标、标牌、CTA）、精准品牌色或可控空间布局的图像。触发词包括：标题幻灯片图片、带文字的缩略图、图中文字、图像中的清晰文字、品牌色调色板图片、边界框布局、Ideogram。

I

interaction-design

aj-geddes / useful-ai-prompts

设计有意义的交互和微交互。通过精心的动画、反馈和响应式界面设计，打造令人愉悦的用户体验。

M

material-3-expressive

albermonte / android-skills

使用 Material 3 Expressive（M3 Expressive / Material You Expressive）进行 Android UI/UX 设计或评审。用于选择表现力组件令牌、定义表现力层级、动态效果、颜色、形状、排版，或依据表现力设计指南评审 Android UI。不适用于非 Android 平台、非 UI 的 Android 任务，或不涉及设计决策的纯实现请求。

G

godot-ui-containers

thedivergentai / game-dev-agentic-skills

使用 Container 节点（HBoxContainer、VBoxContainer、GridContainer、MarginContainer、ScrollContainer、HFlowContainer、SubViewportContainer）构建响应式 UI 布局的专业蓝图。涵盖尺寸标志、锚点、分割容器、virtual_list 池化、stretch_shrink 预览和动态布局。构建自适应界面或实现响应式菜单时使用。关键词：Container、HBoxContainer、VBoxContainer、GridContainer、HFlowContainer、SubViewportContainer、virtual_list、stretch_shrink、size_flags、EXPAND_FILL、anchors、responsive

I

ios-glass-ui-designer

heyman333 / atelier-ui

重新设计移动应用 UI，使其具有 unmistakably iOS 原生的感觉，并采用现代 Apple 风格的玻璃材质（半透明、模糊、层次感）。在设计以 iOS 为先的界面、运用 iOS 材质层级（超薄/常规/加厚）、SF Pro 字体排印、安全区模式和系统组件行为时使用，同时避免过度使用玻璃效果。

O

onboarding-cro

sickn33 / agentic-awesome-skills

你是用户引导与激活方面的专家。你的目标是帮助用户尽快获得"啊哈"时刻，并建立带来长期留存的习惯。

P

page-cro

openclaudia / openclaudia-skills

审核并优化落地页的转化率。当用户询问转化率优化、CRO、落地页审核、提升注册或销售、降低跳出率、页面的 A/B 测试想法、表单优化或 CTA 优化时使用。触发语句包括 "conversion rate"、"CRO"、"landing page audit"、"why isn't my page converting"、"improve conversions"、"optimize my page"、"reduce bounce rate"、"CTA optimization"、"form optimization"、"above the fold"。

P

pinme-share

glitternetwork / pinme

当用户希望通过 PinMe 分享、发布或上传静态结果时使用，尤其适用于为 PinMe 项目链接、已部署的全栈应用、Codex 对话摘要、报告、文件、演示等生成静态 HTML 分享页，或任何以 `pinme upload` 结束的分享/发布/上传分享页请求。

A

accessibility

jezweb / claude-skills

构建符合 WCAG 2.1 AA 的网站，具备语义化 HTML、正确的 ARIA、焦点管理和屏幕阅读器支持。包含颜色对比度（文本 4.5:1）、键盘导航、表单标签和实时区域。用于实现无障碍界面、修复屏幕阅读器问题、键盘导航问题，或排查“focus outline missing”、“aria-label required”、“insufficient contrast”。

B

brand-guidelines

sickn33 / agentic-awesome-skills

按照 Sentry 品牌指南撰写文案。适用于撰写界面文案、错误信息、空状态、引导流程、404 页面、文档、营销文案等任何面向用户的内容。涵盖 Plain Speech（默认）和 Sentry Voice 两种语气。

I

illustre

naiersaidane / claude-mastery

使用 Excalidraw 创建图表和视觉内容（示意图、流程图、幻灯片、插图），并以高分辨率 PNG/SVG 渲染。用户想创建图表、示意图或用于说明某个概念的视觉内容时使用，无论是用于课程、课堂、文章、演示文稿、YouTube 视频、技术文档还是幻灯片。用户提到“illustre”“Excalidraw”“schema”“diagramme”“process flow”“visuel pedagogique”“illustration”，或想用视觉内容说明某个想法时也使用。

M

migrate-design-system

plugin87 / ux-ui-agent-skills

将此令牌系统映射到任意外部设计系统，或从其映射而来（Material Design 3、Apple HIG、Fluent、Carbon、Ant、shadcn/ui、Radix、Chakra、Mantine、Bootstrap……）。采用其外观、基于其技术栈构建，或在系统之间迁移。适用于用户提到互操作、迁移，或特定设计系统/组件库之间的衔接

M

motion-showreel

conardli / garden-skills

用代码制作图形、文字或界面动画视频，输出 MP4 和可编辑源码，最长 20 分钟。适用于动效作品集、产品片、UI 动效、动态排版、Logo 片头、生成艺术与讲解视频；支持独立选择 BGM/音效来源、用户口播，以及用用户提供的口播稿通过 TTS 合成语音。不用于实拍制作、写实人物生成或一般视频剪辑

P

present

ghaida / intent

将设计工作制作成演示文稿：设计评审、研究汇报、策略提案和案例分析。每份演示都围绕清晰的叙事传达一个核心信息，并提出坦诚的请求。属于 Intent 设计策略系统的一部分。先了解受众、期望感受、行动、素材、现场演示还是阅读，以及演讲者备注；在制作前先确认故事大纲；随后使用 Google Slides（通过 .pptx 导入）、PowerPoint、Figma Slides 或 reveal.js HTML 制作演示文稿。触发条件：“制作演示文稿”、“展示这个”、“制作幻灯片”、“设计评审演示文稿”、“研究汇报”、“向管理层提案”、“把它做成演示文稿”、“用 Figma Slides”、“制作成 PowerPoint”、“reveal.js”。内容来自其他技能：发现来自 /investigate，策略来自 /strategize，指标来自 /measure，界面来自 /wireframe；交付包归 /specify 负责。此技能负责编排和呈现现有工作，并标出缺失之处，而不是编造证据

T

timing-calibration

dylantarre / animation-principles

动画速度感觉不对——太快、太慢或不一致时使用。

U

urgency-action

dylantarre / animation-principles

适用于创建促使用户立即采取行动、突出时间紧迫性或推动转化的动画

C

continuous-loops

dylantarre / animation-principles

创建持续运行的动画时使用——加载旋转图标、脉冲指示器、环境动效、背景效果或任何无限循环的动画。

L

lists-grids

dylantarre / animation-principles

适用于为列表、网格、表格或项目集合制作动画，以实现流畅的排序、筛选和加载状态

M

mobile-ux-optimizer

curiositech / some_claude_skills

面向触控界面、响应式布局与性能的移动优先 UX 优化。适用于视口处理、触控目标、手势、移动端导航。在涉及移动端、触控、响应式时启用，

T

tanstack-table

secondsky / claude-skills

面向 Cloudflare Workers + D1 的 TanStack Table v8 无头数据表格，具备服务端功能。用于分页、过滤、排序、虚拟化，或遇到状态管理、TanStack Query 协调、URL 同步错误时。

U

user-feedback-clarity

dylantarre / animation-principles

用户没有注意到反馈、错过状态变化或无法判断操作是否成功时使用

C

canghe-slide-deck

freestylefly / canghe-skills

根据内容生成专业的幻灯片组图片。先创建包含风格说明的大纲，再逐张生成幻灯片图片。用户要求“创建幻灯片”“制作演示文稿”“生成幻灯片组”“slide deck”或“PPT”时使用。

C

canvas-design

composio-community / awesome-codex-skills

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

P

performance

plugin87 / ux-ui-agent-skills

通过加载/代码拆分策略、防止布局偏移和动画性能规则，针对 Core Web Vitals（LCP、INP、CLS）优化 UI 性能。适用于用户希望提升速度、修复卡顿或布局偏移、达到 Web Vitals 指标预算，或让 UI 在低端设备上也显得流畅

P

power-confidence

dylantarre / animation-principles

创作能够传达品牌和产品的力量感、权威感或大胆自信的动画时使用。

U

ui-refactor

lovropodobnik / refactoring-ui-skill

实用的用户界面设计指南，用于修复布局、选择颜色／字体和创建专业 UI。用户要求“让它更好看”、需要 CSS／样式决策方面的帮助、想要创建设计系统或需要整理杂乱界面时使用。

M

mjml-email-templates

aaronontheweb / dotnet-skills

使用 MJML 标记语言构建响应式电子邮件模板。编译为可在 Outlook、Gmail 和 Apple Mail 中使用的跨客户端 HTML。包含模板渲染器、布局模式和变量替换。

P

prototype

plugin87 / ux-ui-agent-skills

沿着保真度阶梯推进创意（内容优先 → 线框图 → 低保真 → 高保真 → 代码），并在每个阶段制定验证计划，同时进行用户旅程映射和可用性测试脚本编写。适用于用户希望制作原型、线框图、映射用户流程，或规划／开展可用性测试时。

S

secondary-action-mastery

dylantarre / animation-principles

适用于丰富主要动画、添加辅助细节、营造运动深度，或让场景更生动而不分散对主要动作的注意力

U

universal-patterns

dylantarre / animation-principles

创建任何类型的动画时使用——提供适用于界面中所有动效的基础时序、缓动和原则应用方法。

A

animation-micro-interaction-pack

patricio0312rev / skills

提供可复用的交互模式和动效预设，让 UI 显得精致。包含悬停效果、过渡、入场动画、手势反馈和减少动效支持。适用于添加 "animations"、"transitions"、"micro-interactions" 或 "motion design"。

D

design-studio

george-rd / design-studio

面向 Studio、Review 及分页 Document 工作的可移植设计工程 Agent Skill。将产品定位、盲源视觉方向与评估、实现与确定性证据相互分离。

F

feedback-indicators

dylantarre / animation-principles

确认用户操作时使用，例如成功勾选标记、错误提醒、表单验证、保存确认，或任何用于确认用户操作的动画。

I

iphone-duo-games

mirzaaghazadeh / iphone-duo-skills

将游戏适配到 iPhone Duo：确保各种设备姿态下都填满屏幕、锁定方向、处理宽高比与黑边留空、避免触控控件落入折叠区域，并在调整大小时保持文本和控件尺寸一致。项目是游戏或使用 Unity、Unreal、Godot、SpriteKit、Metal 等游戏引擎时使用。

T

tauri-window

full-stack-skills / tauri-skills

Tauri v2 窗口的创建、配置、生命周期管理和自定义标题栏 UI 指南

P

paper-slide-deck

luwill / research-skills

当用户希望把任意内容（文章、博客、主题或论文）生成视觉效果突出、便于分享的幻灯片图片，且外观风格比可编辑的精确度更重要时使用（风格化幻灯/小红书配图/公众号配图/视觉化海报）——针对阅读和社交分享优化，而非现场演示。提供 17 种 T2I 美学风格（水彩、笔记素描、像素艺术、编辑排版、黑板等）；每张幻灯都是 AI 生成的图片（Gemini/Nano Banana），因此风格独特，但文字/公式/数据已固化在图片中（不可编辑）。不适用于需要公式、数字、表格和引用完全准确、可编辑且可直接投影的学术报告（组会/答辩/thesis defense/conference/结果密集型演讲）——那种情况请使用 scholar-slides，因为文生图会破坏数学和数据的准确性。

打造 Apple 风格的现代极简 UI 设计，融合玻璃拟态、流畅动画、充足留白与优雅排版。适用于设计作品集网站、落地页、主视觉区块、产品展示页，或实现 Apple 风格组件、深色模式和响应式布局。

使用 Go 和 Bubbletea 框架构建终端用户界面。适用于使用 Elm 架构创建 TUI 应用、双栏布局、手风琴模式、鼠标／键盘处理、Lipgloss 样式以及可复用组件。包含生产可用的模板、效果库，以及来自真实项目的经实战检验的布局模式。