Skills

B

book-cover-design

qu-skills / superpowers

书籍封面设计，涵盖特定体裁的惯例、排版规则和 AI 图像生成。覆盖虚构与非虚构体裁、尺寸、缩略图测试和迭代工作流。用途：自助出版、电子书封面、印刷封面、有声书封面、封面样机。触发词：book cover、cover design、ebook cover、book art、novel cover、self publishing cover、kindle cover、audiobook cover、book jacket、cover illustration、fiction cover、nonfiction cover。

B

brand

nicohodt / claude-code-ui-ux-skill

品牌语调、视觉识别、信息传达框架、资产管理和品牌一致性。用于品牌内容、语气、营销素材、品牌合规和风格指南。

B

brand-pptx

kemezz / brand-pptx

从模板 PPTX 和 theme.json 生成、编辑符合自家品牌的 PowerPoint。复制模板并选择布局 → 替换占位符，自动排布 KPI 卡片、进度条、步骤流程、表格等视觉部件。Triggers: PPT, PPTX, PowerPoint, presentation, slides, deck, スライド, プレゼン, 資料作成

B

brand-research-agent

michaelboeding / skills

在创作内容之前，使用此技能分析品牌网站。触发词：“analyze brand”“research brand”“brand guidelines”“brand profile”“understand brand”“brand colors”“brand voice”“before creating content for” 提取：颜色、排版、语气/语调、产品、受众、竞争定位。输出可供生产类技能复用的 brand_profile.json。

B

building-a-html-element-sandbox-with-lit

rodydavis / skills

了解如何构建一个 Lit web component，创建支持实时更新的动态 HTML 元素沙盒，非常适合试验和展示 web components。

C

card-xiaohongshu

nexu-io / html-anything

小红书风格知识卡片，多张联排可滑动浏览

C

cardiology-visual-system

drshailesh88 / integrated_content_os

面向心脏病学思想领导力的统一视觉内容系统。自动将请求路由到最优工具——博客配图用 Fal.ai、信息图用 Gemini、流程图/路径图用 Mermaid、幻灯片用 Marp、数据可视化用 Plotly。在 Claude Code 内用一个技能处理全部视觉需求。

D

d3js-visualization

autumnsgrove / claudeskills

使用 D3.js 进行专业数据可视化创作，支持交互式图表、自定义可视化、动画和响应式设计。适用于：(1) 创建自定义交互式图表，(2) 构建仪表盘，(3) 网络／图可视化，(4) 地理数据映射，(5) 时间序列分析，(6) 实时数据可视化，(7) 复杂的多维数据展示

D

design-thinking

tronghieu / agent-skills

引导完整的设计思维流程（共情、定义、构思、原型、测试），并以真实用户证据为基础。用户希望深入了解用户并为其设计解决方案时使用，例如：“开展设计思维”“了解我们的用户”“设计用户访谈”“综合分析这些访谈笔记”“创建用户画像”“撰写 How-Might-We 问题”“为这个概念制作原型”“设计可用性测试”“用户正在流失，我们不知道原因”等，无论使用何种语言（“tư duy thiết kế”“nghiên cứu người dùng”“phỏng vấn khách hàng”“デザイン思考”“设计思维”），即使用户没有说“设计思维”也适用。用户提供原始访谈笔记、转录内容或调查导出数据，并希望获取洞察、用户画像或产品决策时也使用。不适用于“X 有没有市场”这类案头问题（应使用 market-researcher）。

D

doc-kami-parchment

nexu-io / html-anything

暖羊皮纸底 (#f5f4ed) + 墨蓝单色 accent (#1B365D) + 单一衬线字体，编辑级排印

E

emu-branding

jablonkai / skills

EMU（Egyesület a Magyar Ultrafutásért）的品牌指南和视觉识别。创建任何 EMU 相关视觉内容时使用：社交媒体帖子、比赛海报、活动演示文稿、文档、图表、数据可视化或营销材料。涵盖 Logo 使用、EMU Blue（#00ADEF）配色、Nebula Sans 字体和摄影风格。提到 EMU 6-Day Race、超跑品牌设计或需要符合品牌规范的设计素材时也适用，即使用户没有明确说“品牌指南”。匈牙利语触发词：“EMU-s poszt”“EMU arculat”“plakát a 6 napos versenyre”“EMU színekkel”。

E

evangelion-design

ckorhonen / claude-skills

设计原创的 Evangelion 风格网页和移动界面，采用类似 NERV 指挥中心的语言：HUD、心理图形、同步监视器、入侵警告和标题卡；使用锐利几何图形、战术字体、克制的数据密度、危险优先的配色、线框分析表单、重复的仪表阵列和机械式动画。用户要求 Evangelion、NERV、动漫控制室 UI、科幻军事仪表、诊断叠加层、心理图形显示、同步监视器、倒计时屏幕，或产品界面的戏剧性系统状态动效时使用。

E

evolving-design-system-components

bitwarden / ai-plugins

按 Bitwarden 公布的治理流程提出新的 UI 模式或修改现有设计系统组件——设计团队对齐、与 UI Foundation 共同决定 Core 还是 Recipe/Snowflake、Figma 分支与属性约定、评审关卡、合并时机。

F

figma-pixel-implement

fudesign2008 / open-skills

使用符合导出效果的资源实现 Figma UI，建立屏幕×状态清单，在实际发布的父组件中测量控件，并在目标仓库中维护持久的 living spec（状态/模式/依据，必须包含 Assets 子节）。如果有组件工作台（Storybook 或类似工具），还需交付覆盖清单的 stories 和锁定规格的测试。用于根据 Figma URL/节点实现界面或进行像素级还原；如果文件有模式或项目支持主题切换，也包括浅色/深色模式。在同一轮中通过 figma-pixel-verify 测量已布局的画面帧，直到通过；迭代之间无需人员介入。触发词——「像素级还原」「按稿实现」「Figma 对齐实现」「还原 Figma」「figma 保真实现」「暗黑模式还原」「多主题保真实现」/ implement from Figma、pixel restore、dark mode implement、multi-theme fidelity。不要用于向 Figma 画布写入代码、无设计稿的创意 UI，或单独进行实现后的对齐检查（使用 figma-pixel-verify）。

F

figma-pixel-verify

fudesign2008 / open-skills

对照 Figma 的实际运行 UI 测量已布局的画面帧（清单 + 规格 + Verify 部分）。用于实现后检查像素对齐 / 对照 Figma 验收，包括浅色/深色或悬停/变体状态（切换主题和状态，逐行测量）。非文档类 UI 使用 layout-probe；源码常量对比不算通过。在同一轮中修复并重新测量，直到整体通过，无需询问人员。未测量的关键行会导致整体失败。检查器必须以 0 退出；layout probe 会挂载实际发布的父组件。可打开的通道必须引用已保存的非空截图文件；layout-probe 可以报告 not-openable。触发词——「检查像素对齐」「对照 Figma 验收」「设计保真检查」「是否对齐稿面」「figma 保真检查」「暗黑模式验收」「多主题保真检查」/ verify Figma fidelity、pixel check、dark mode fidelity check、multi-theme verify。不要将其用作主要实现工作流（使用 figma-pixel-implement），也不要用于代码→Figma。

F

fineui-button

sanshi / fineui-skills

帮助开发者使用 FineUI 的按钮及其下拉菜单：Button（语义色/图标/尺寸/徽标）、服务端与客户端点击、确认按钮、LinkButton、ButtonGroup（按钮分组/互斥按下/多按下）、Menu/MenuButton 下拉菜单（MenuHyperLink/MenuCheckBox/MenuText/MenuSeparator）。 覆盖 F.js（JavaScript）、Pro（WebForms）、FineUI.Core 的 MVC（Fluent API）/ RazorForms / RazorPages（TagHelper），以及 FineUI.Java（Spring Boot + Thymeleaf 方言标签，kebab-case）。 Trigger phrases（触发词）: "FineUI 按钮", "F.Button", "Button", "ButtonColor", "语义颜色按钮", "OnClick", "ClickHandler", "客户端点击", "确认按钮", "ConfirmText", "LinkButton", "下拉菜单", "MenuButton", "Menu", "MenuHyperLink", "MenuCheckBox", "徽标", "Badge", "IconFont", "ButtonGroup", "按钮分组", "pressGroup", "互斥按下", "EnablePress", "EnablePressGroup", "FineUI.Java", "Spring Boot", "Thymeleaf", "@FineUIPage", "f:button", "button-color", "enable-press-group".

F

fivem-react-nui

proelias7 / fivem-skill

使用 React 18 + TypeScript + Vite + Tailwind CSS v3 + Zustand 为 FiveM 构建 NUI 界面。适用于用户提及 NUI、界面、UI、菜单、HUD、面板、覆盖层、React、Vite、Tailwind，或任何 FiveM 的游戏内界面时 —— 无论后端框架是什么（vRP、QBCore、Qbox、ESX）。涵盖项目结构、FiveM CEF 限制、observe/Post 钩子、VisibilityProvider、动画、动态配置/主题和性能规则。

F

fixing-accessibility

master5d / claude-design-skills

审查并修复 HTML 无障碍问题，包括 ARIA 标签、键盘导航、焦点管理、颜色对比度和表单错误。适用于添加交互控件、表单、对话框或审查 WCAG 合规性。

F

flutter-animations

im5tu / claude

在 Flutter 中实现动画的全面指南。适用于为 Flutter 应用添加动效和视觉效果：隐式动画（AnimatedContainer、AnimatedOpacity、TweenAnimationBuilder）、显式动画（AnimationController、Tween、AnimatedWidget/AnimatedBuilder）、Hero 动画（共享元素过渡）、交错动画（顺序/重叠）和基于物理的动画。包含选择合适动画类型的工作流、实现模式以及性能和用户体验方面的最佳实践。

F

flutter-design

musabekisakov-imj / flutter-design-engineer

从检查代码库到渲染验证，统筹结合产品特性的 Flutter UI 设计与改版。适用于新的 Flutter 页面、多页面流程、大幅视觉改版、设计驱动的实现，或需要协调审查、设计系统、实现、动效、无障碍和视觉 QA 工作流的模糊 Flutter UI 请求。

F

flutter-native-ui

thesimpleapp / flutter-app-skills

使用 Material 3 和 Cupertino 构建原生体验的 Flutter 界面。涵盖主题、自适应控件、go_router、SafeArea/MediaQuery、slivers、sheets、动画、图标和平台惯例，依据当前 Flutter stable 文档（3.47+ / Dart 3.13+）。适用于构建 Flutter UI、widgets、主题、导航、界面、列表、表单、对话框或 sheets；让应用在 iOS 或 Android 上具有原生体验；或用户运行 /flutter-native-ui 时。如果项目已有自定义 ThemeExtension / house Pressable / 品牌 token 文件，请使用 flutter-custom-design-system，而不是重新设置为 Material 风格。

F

flutter-responsive-layout

thienqo / flutter-skills

跨设备、约束、断点、重叠、裁剪、方向和输入模式构建或修复自适应 Flutter 布局。当文字缩放导致重排、裁剪或控件消失时，与 flutter-accessibility 配合使用；不适用于一般的小组件状态架构。

G

good-ui-bobby

grinchinc / good-ui

在 good-ui 之上为 Web 应用和产品界面应用一套有主见的个人 UI 实现体系，包括完整手写的视觉样式、真实图标素材、4px/8px 间距、标准化控件尺寸、边缘留白、扩大的点击区域、完整的交互状态、有意的焦点行为、保持连续性的动效、shadcn 优先的基础组件、生产级组件画廊、临时开发浮层、Git 检查点，以及可选的 OpenRouter 支持功能。用于新 UI、大幅 UI 改版、组件体系工作、交互打磨或产品内设计探索。

G

graphic-gif

varnan-tech / opendirectory

从 CSS 动画（默认）或 AI 图生视频创建循环动画 GIF。默认 800×800px，6 种动画类型，4 种风格预设。当用户说「创建动画 gif」「制作循环 gif」「动画横幅」「CSS 动画 gif」「社交媒体动画」「让它循环」「动画图形」或「动态图形」时触发。

G

gsap

enderpuentes / ai-agent-skills

安装并使用 GSAP（GreenSock Animation Platform）实现高性能 JavaScript 动画。涵盖核心工具（Tween、Timeline）、React 集成（@gsap/react/useGSAP）、Eases 以及 ScrollTrigger、ScrollSmoother、Flip 等常用插件。在创建复杂动画、基于滚动的效果、UI 过渡或 SVG 动画时使用，或当用户提及 GSAP、GreenSock 或 ScrollTrigger 时使用。

I

information-architect

richhemsley3 / claude-design-skills

为 Web 应用定义内容结构、导航层级、分类体系和信息分组。用户想整理页面、规划网站结构、设计导航菜单、创建内容分类、将功能分组，或定义应用内的信息组织方式时使用。用户提到“站点地图”“导航结构”“信息架构”“IA”“内容层级”“菜单结构”或“这些页面该如何组织”时也使用。

I

ios-uikit

alphaonedev / openclaw-graph

UIKit：UIViewController、UITableView/CollectionView、Auto Layout、纯代码 UI、UIHostingController 桥接

L

lit-and-figma

rodydavis / skills

学习如何使用 Lit Web 组件创建 Figma 插件，包括项目设置、组件创建、WASM 集成，以及为在 Figma 中使用而构建最终插件。

L

live-dashboard

nexu-io / html-anything

Notion 风团队仪表板，KPI + 7 日 sparkline + activity feed + 任务表

L

logo-design-guide

magentosh / superpowers

创建 logo 的 logo 设计原则与 AI 图像生成最佳实践。涵盖 logo 类型、提示词技巧、可缩放性规则和迭代工作流。用途：品牌标识、初创公司 logo、应用图标、favicon、logo 概念。触发词：logo design、create logo、brand logo、logo generation、ai logo、logo maker、icon design、brand mark、logo concept、startup logo、app icon logo

L

logo-design-guide

qu-skills / superpowers

创建 logo 的 logo 设计原则与 AI 图像生成最佳实践。涵盖 logo 类型、提示词技巧、可缩放性规则和迭代工作流。用途：品牌标识、初创公司 logo、应用图标、favicon、logo 概念。触发词：logo design、create logo、brand logo、logo generation、ai logo、logo maker、icon design、brand mark、logo concept、startup logo、app icon logo

M

magazine-poster

nexu-io / html-anything

Sunday-paper 风格，大字 serif 标题 + 双栏正文 + 编号 sections

M

mantine-ui

ericbsantana / llm-skills

使用 Mantine 组件、主题和 hooks 构建 React UI。在添加或使用 Mantine UI、@mantine/core、MantineProvider、Mantine 表单、日期时使用，或当用户提及 Mantine、mantine.dev 或 Mantine 组件时使用。

M

maximizing-game-feel

abagames / agentic-gamedev-skills

提升视觉效果实用但平淡的动作游戏的触感满足感（“游戏手感”）。适用于游戏运行正常却显得毫无生气的情况；涵盖玩家、敌人、障碍物、投射物和物品。

M

mobile-development

samhvw8 / dotfiles

跨平台与原生移动开发。框架：React Native、Flutter、Swift/SwiftUI、Kotlin/Jetpack Compose。能力：移动 UI、离线优先架构、推送通知、深度链接、生物识别、应用商店部署。操作：构建、创建、实现、优化、测试、部署移动应用。关键词：iOS、Android、React Native、Flutter、Swift、Kotlin、移动应用、离线同步、推送通知、深度链接、生物识别认证、App Store、Play Store、iOS HIG、Material Design、电量优化、内存管理、移动性能。适用场景：构建移动应用、实现移动优先 UX、选择原生还是跨平台、优化电量/内存/网络、部署到应用商店、处理移动特有功能。

N

nocobase-portal-manage

nocobase / skills

仅适用于 NocoBase 2；在 NocoBase 3 项目中绝不使用。首要入口。所有 NocoBase UI 编写请求的默认调度器，包括页面、菜单、区块、字段、操作、布局、联动、KPI 界面、仪表盘和图表，即使用户未提及 Portal。在加载任何下游 UI 实现技能之前，先从结构化 `nb portal list -j` 输出中解析出已启用的 Portal：指定时按精确的 `name`；否则零个停止、恰好一个自动、多个 Portal 时即使有一个 `isDefault: true` 也必须显式选择；默认标记仅作为信息展示。类型仅从 `portalType` 读取；仅对解析出的无代码 Portal 显式调用 `nocobase-ui-builder`，AI Portal 源码开发必须使用 `nocobase-ai-builder`。对于明确的 Portal 生命周期、源码存储、同步、部署、诊断和销毁任务，也使用直接的 `nb portal` 命令。

N

nuxt-unified-ui

yooneskh / nuxt-unified-ui

构建和编辑使用 nuxt-unified-ui 的 Nuxt 应用与 layer：un-form / useForm schema 表单、un-card、un-table、launchFormPickerDialog / launchChoicePickerDialog / launchDialog、toast 辅助函数、radXxx radashi 自动导入，以及配套的 unified 技术栈（ufetch、useUFetch、resource-manager、createUnifiedResourceController）。当 package.json 依赖 nuxt-unified-ui、nuxt.config 继承它，或代码使用这些 API 时使用。实现工作完成后，运行 `/nuxt-unified-ui apply`，它会按文件将 skill 应用到未提交的工作（在 dev、main 或 master 上）或当前分支的已更改文件，当没有 Git worktree 或默认分支干净时回退到整个项目；用户也可以直接调用它。

O

og-image-design

magentosh / superpowers

Open Graph 与社交分享图像设计，包含平台规格、文字排版与品牌呈现。涵盖 OG meta 标签、Twitter 卡片、LinkedIn 预览与动态生成。用于：社交分享图像、博客缩略图、链接预览、社交卡片。触发词：og image、open graph、social sharing image、twitter card、social card、link preview image、og meta、sharing preview、social thumbnail、meta image、og:image、twitter:image、linkedin preview。

O

oma-slide

first-fluke / oh-my-agent

通过以下方式创建、导入、修改或导出演示文稿：

P

pfd

skovalik / perception-first-design

在任何设计、营销、文案、写作或沟通任务中应使用此技能——包括："run PFD"、"apply PFD"、"use Perception-First Design"、"do a PFD analysis"、"run the derivation protocol"；在设计界面、落地页、电子邮件、广告或视觉系统时；在撰写或审阅营销文案、标题、CTA、提案、路演或演示文稿时；在评估转化问题、跳出率、参与度或说服力时；在开展品牌工作、内容策略或任何客户沟通时；或只要认知负荷、第一印象、加工流畅性、信任或决策架构应影响工作时。

P

pitch-deck-visuals

magentosh / superpowers

投资者路演演示文稿的结构，涵盖逐页框架、视觉设计规则和数据呈现。包括 12 页框架、图表类型、团队页和常见的投资者反感点。适用于：募资演示文稿、投资者演示、创业项目路演、演示日、资助申请。触发词：路演演示文稿、投资者演示文稿、创业项目路演、募资演示文稿、演示日、路演演示、投资者演示、种子轮演示文稿、A 轮演示文稿、路演幻灯片、创业演示、VC 路演、投资者会议

P

pixeltamer

gabelul / pixeltamer-gpt-image-skill

使用 GPT Image 2.5 生成、编辑和合成图像，包括具有真实 alpha 通道的透明 PNG。两种后端——OpenAI API key 或 codex CLI（使用你的 ChatGPT 订阅，无需 key）。四种模式——一次性生成、编辑或修补现有图像、多参考合成（最多 16 个输入混合为一个）以及带验证的多图批量处理。当用户要求制作图像、生成海报、绘制模型图、设计图标或贴纸、创建广告创意、构建信息图、混合参考图像、编辑或修补现有图像，或生成带透明背景的抠图素材时使用——“transparent PNG”、“no background”、“alpha channel”、“works on any background”。不适用于：去除你想保留的现有图像的背景（那是 rembg 或 ImageMagick，不是生成器）；不改变图片的文件操作（压缩、格式转换、调整尺寸）；读取、描述或 OCR 图像；视频。

P

ppt-design-skill

billliao / ppt-design-skill

只要涉及 .pptx 文件，无论作为输入、输出还是两者兼有，都使用此技能。包括创建幻灯片、路演稿或演示文稿；读取、解析或提取任意 .pptx 文件中的文本；编辑、修改或更新现有演示文稿；合并或拆分演示文稿文件；处理模板、版式、演讲者备注或评论。包含 9 种内置设计主题（5 种杂志风格 + 4 种瑞士风格）和 32 个版式模板。用户提到“deck”“slides”“presentation”或引用 .pptx 文件名时触发。

P

principle-exhaust-the-design-space

q-qp-p / pstack

在遇到代码库中没有先例的新型 UI 交互或架构决策时应用。构建 2-3 个不同方案的原型，并排比较后再确定方案。

P

programmatic-uikit-layout

dagba / ios-mcp

适用于不使用 storyboard 构建 UIKit 界面、使用 anchor 设置 Auto Layout 约束、创建可复用 UI 组件,或遇到布局约束错误和模糊布局警告时

Q

qa-web-test

delexw / claude-code-misc

使用 PinchTab 浏览器自动化进行 QA Web 测试的技能，涵盖视觉回归测试、响应式断点验证和 CSS 布局调试。当用户要求"测试页面"、"检查断点"、"验证响应式布局"、"QA 这个页面"、"在不同视口测试 CSS"、"检查布局 bug"、"验证修复"，或想要在特定视口宽度下目视检查网页时使用此技能。当用户提供 URL 并要求截图、比较布局或检查元素尺寸时也触发。适用于 localhost 或 staging 环境上任何已连接 PinchTab 的浏览器会话。

Q

qwen-image-2

magentosh / superpowers

通过 inference.sh CLI 使用阿里巴巴 Qwen-Image-2.0 模型生成和编辑图像。模型：Qwen-Image-2.0（快速）、Qwen-Image-2.0-Pro（专业文字渲染）。能力：文字转图像、多图编辑、复杂文字渲染。触发词：qwen image、qwen-image、alibaba image、dashscope image、qwen image 2、qwen image pro

Q

qwen-image-2-pro

magentosh / superpowers

通过 inference.sh CLI 使用 Alibaba Qwen-Image-2.0-Pro 生成图像。专业文本渲染、细腻的真实感、更强的语义一致性。非常适合海报、横幅和文本密集型设计。触发词：qwen image pro、qwen-image-pro、qwen 2 pro、alibaba image pro、dashscope pro、professional text rendering。

R

reimagine-it

kayforkind / reimagine-it

Content-Derived Design — 读取现有 HTML，并根据该文件中已有的标题、事实、名称、日期、数字、链接、邮箱和颜色，写出更强的独立页面。CLI：npx reimagine-it --auto -i page.html -o out.html；还支持 variations、lock 和 audit。当用户说 /reimagine-it、"reimagine it"、"reinvent this"、"redesign this page"、"make an infographic"，或想要内容感知的改版、想要视觉跃迁而非情绪板时使用。全部 17 个 token：webpage、infographic、svg、3js、simulation、artistic、cinematic、dashboard、photography、landing、editorial、gradient、showcase、motion、glass、lookbook、particles —— 另外剩余词语作为 brief。还有 /reimagine-it audit 做质量检查。Agent 运行 CLI；它不会亲手撰写页面。通过 npx skills add Kayforkind/reimagine-it 或插件市场安装。不是 /better。不是情绪板。不摄取 PDF、PPTX 或 DOCX。

R

responsive-layout-math

lvtd-llc / skills

为流式宽度、媒体查询范围、视口单位、百分比和 CSS clamp() 公式推导、审查和调试响应式 Web 布局数学。在构建响应式布局、将固定设计转换为流式 CSS、计算断点、选择 vw/svw/lvw/dvw 单位，或决定布局行为应由 CSS 数学还是 JavaScript 测量负责时使用。

R

review

paragonhq / stealth-skills

基于证据进行严格的界面评审。明确范围，勘察技术栈及其约定，按从功能到润色的固定顺序检查；仅报告附有文件、行号和具体修改建议的问题，按用户影响排序，最多列出 15 项，并以单个表格和结论返回。用户要求评审、批评、审计或 QA 屏幕、组件、分支或拉取请求的界面质量时使用。

S

scientific-visualization

hkphysics / scientific-agent-skills

面向可发表图表的元技能。在创建需要多面板布局、显著性标注、误差棒、色盲友好配色以及特定期刊格式（Nature、Science、Cell）的期刊投稿图表时使用。使用出版级样式编排 matplotlib/seaborn/plotly。快速探索请直接使用 seaborn 或 plotly。

S

shadcn-migration

fusengine / agents

在 shadcn/ui 项目于 Radix UI 与 Base UI 原语之间迁移，或验证迁移的 API 转换时使用。

S

shadcn-migration

fusengine / claude-plugins

通过认知自动化和协作式 Agent 系统重新定义开发。

S

ship-this

planetabhi / skills

发布 UI 更改前加载此 skill，对 diff 进行静态审查，检查设计质量退化（无障碍、动效、响应式，以及视觉或 UX 偏差）、正确性和安全问题、暴露的密钥或凭据，以及残留的注释掉的代码；然后按照代码库惯例编写提交信息和拉取请求描述，并提出代为提交和推送。触发词：“ship this”“review this”“ready to ship”。这是 design → build → ship 流程末尾的发布关卡。

S

social-media-carousel

qu-skills / superpowers

面向 Instagram、LinkedIn 和 Twitter/X 的多页轮播图设计，包含版式规则和钩子。涵盖页面结构、文字层级、滑动心理和平台特定规范。适用：轮播帖、Instagram 轮播、LinkedIn 轮播、多页帖子、教育内容。触发词：carousel、instagram carousel、linkedin carousel、slide post、carousel design、swipe post、multi-image post、carousel template、educational carousel、carousel content、instagram slides、linkedin slides

S

space

paragonhq / stealth-skills

布局、间距与节奏。涵盖间距比例及其应用、密度模式、对齐（包括视觉对齐）、阅读宽度与应用宽度、优先使用间隙而非外边距、能够良好折叠的网格、容器查询、粘性区域、滚动容器、安全区域，以及将留白作为设计工具。适用于构建页面结构、修复间距不均、让布局更「舒展」或更「紧凑」、处理响应式布局，或屏幕显得杂乱、松散时。

S

stitch-animate

gabelul / stitch-kit

为 Stitch 生成的组件添加有目的的动画层——CSS 过渡、Framer Motion（React/Next.js）或 Svelte 过渡。始终遵循 prefers-reduced-motion。

S

stitch-react-native-components

gabelul / stitch-kit

将 Stitch 移动端屏幕、本地 HTML 文件或 URL 转换为 React Native / Expo 组件——TypeScript、StyleSheet、Expo Router、通过 useColorScheme 实现深色模式以及合适的触摸目标。跨平台支持 iOS 和 Android。只有 Stitch 路由需要 API key。

S

stitch-ui-design-variants

gabelul / stitch-kit

生成 3 个备选的 Stitch 提示词，用于 A/B 测试屏幕概念——在保持底层信息架构一致的前提下，变化布局、视觉风格或内容。