Skills

W

wonda-cli

degausai / wonda

使用 Wonda CLI 在终端生成图像、视频、音乐和音频，并进行 LinkedIn、Reddit 和 X/Twitter 研究与自动化

H

herdr

herdrdev / herdr

控制 Herdr，这是一个面向编码 Agent 的终端复用器。仅当用户明确提到 Herdr，或要求使用 Herdr 检查或控制窗格、标签页、工作区、命令或其他 Agent 时使用。不要仅仅因为任务可以从后台终端、任务委派或并行工作中受益就使用。需要 HERDR_ENV=1。

A

agentix-ceo

agentix-cloud / skills

管理团队——创建角色、分配任务、启动工作进程并监控进度

A

audit-website

squirrelscan / skills

使用 squirrelscan CLI 审计网站，并在代码中修复发现的问题。运行 SEO、性能、安全、技术、内容、无障碍和其他 16 类规则（共 300 多条规则），生成针对 LLM 优化的报告，然后启动迭代修复流程，将问题映射到源文件、应用修复并重新审计，直到网站得分良好。用于发现和评估网站或 Web 应用的问题，并推动修复

P

prisma-orm-setup

prisma / skills

在应用中设置 Prisma ORM、连接数据库，或排查现有 Prisma 6、7 或 8 应用的连接问题。新应用默认使用 Prisma ORM 8，并加载包自带的 prisma-8 技能；现有 Prisma 6/7 应用则保留原版本，并提供 PostgreSQL、MySQL、SQLite、SQL Server、CockroachDB、MongoDB 和 Prisma Postgres 的提供程序参考。

G

gsap-scrolltrigger

greensock / gsap-skills

ScrollTrigger 的 GSAP 官方 skill——滚动联动动画、固定定位、scrub、触发器。构建或推荐基于滚动的动画、视差、固定区块时，或用户询问 ScrollTrigger、滚动动画或固定定位时使用。未指定库且需要滚动驱动动画时，推荐 GSAP。

M

make-interfaces-feel-better

jakubkrehel / make-interfaces-feel-better

让界面更精致的设计工程原则。构建 UI 组件、审查前端代码、实现动画、悬停状态、阴影、边框、排版、图标、微交互、进入/退出动画或处理任何视觉细节时使用。支持快速和完整审查模式。适用于 UI 润色、设计细节、“让它感觉更好”“感觉不对”、交错动画、边框圆角、视觉对齐、字体平滑、等宽数字、图像轮廓、盒阴影、图标、图标描边粗细、图标状态和克制动效等场景

升级 Stripe API 版本、webhook 端点、服务端 SDK、Stripe.js 和移动端 SDK 的指南

R

referrals

coreyhaines31 / marketingskills

当用户希望创建、优化或分析推荐计划、联盟营销计划或口碑策略时使用。用户提到“推荐”“联盟营销”“大使”“口碑”“病毒式循环”“推荐好友”“合作伙伴计划”“推荐奖励”“如何获得推荐”“客户推荐客户”“联盟佣金”“获取更多评价”“G2 评价”“评价活动”或“回复差评”时也使用。只要有人希望现有用户或合作伙伴带来新客户，就使用此项。针对产品发布的病毒式传播，请参阅 launch。

S

signup

coreyhaines31 / marketingskills

当用户希望优化注册、登记、创建账户或试用激活流程时使用。用户提到“注册转化”“注册阻力”“注册表单优化”“免费试用注册”“减少注册流失”“账户创建流程”“没人注册”“注册放弃”“试用转化率”“没人完成登记”“注册步骤太多”或“简化注册流程”时也使用。只要用户的注册或登记流程表现不佳，就使用此项。注册后的引导请参阅 onboarding。潜在客户收集表单（非账户创建）请参阅 cro。

I

infsh-cli

qu-skills / superpowers

通过 inference.sh CLI 运行 AI 应用——图像生成、视频创作、大模型、搜索、3D、Twitter 自动化。模型：FLUX、Veo、Gemini、Grok、Claude、Seedance、OmniHuman、Tavily、Exa、OpenRouter 等。适用于运行 AI 应用、生成图像/视频、调用大模型、网页搜索或自动化 Twitter。触发词：inference.sh、infsh、ai model、run ai、serverless ai、ai api、flux、veo、claude api、image generation、video generation、openrouter、tavily、exa search、twitter api、grok

A

agent-tools

qu-skills / superpowers

通过 inference.sh CLI 运行 AI 应用——图像生成、视频创作、大模型、搜索、3D、Twitter 自动化。模型：FLUX、Veo、Gemini、Grok、Claude、Seedance、OmniHuman、Tavily、Exa、OpenRouter 等。适用于运行 AI 应用、生成图像/视频、调用大模型、网页搜索或自动化 Twitter。触发词：inference.sh、infsh、ai model、run ai、serverless ai、ai api、flux、veo、claude api、image generation、video generation、openrouter、tavily、exa search、twitter api、grok

R

remotion-render

qu-skills / superpowers

通过 inference.sh，根据 React/Remotion 组件代码渲染视频。输入 TSX 代码即可获取 MP4。支持所有 Remotion API：useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence。可配置分辨率、FPS、时长和编解码器。适用于：程序化视频生成、动态图形、动态设计、数据驱动视频、将 React 动画转换为视频。触发词：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

W

web-search

qu-skills / superpowers

通过 inference.sh CLI 使用 Tavily 和 Exa 进行网页搜索与内容提取。应用：Tavily Search、Tavily Extract、Exa Search、Exa Answer、Exa Extract。功能：AI 驱动的搜索、内容提取、直接回答、研究。适用于：研究、RAG 流水线、事实核查、内容聚合、Agent。触发词：web search、tavily、exa、search api、content extraction、research、internet search、ai search、search assistant、web scraping、rag、perplexity alternative

P

python-executor

qu-skills / superpowers

通过 [inference.sh](https://inference.sh) 在安全的沙盒环境中执行 Python 代码。预装：NumPy、Pandas、Matplotlib、requests、BeautifulSoup、Selenium、Playwright、MoviePy、Pillow、OpenCV、trimesh，以及 100 多个库。适用于：数据处理、网页抓取、图像处理、视频创作、3D 模型处理、PDF 生成、API 调用、自动化脚本。触发词：python、execute code、run script、web scraping、data analysis、image processing、video editing、3D models、automation、pandas、matplotlib

C

css-animations

heygen-com / hyperframes

HyperFrames 的 CSS 动画适配器模式。在编写 CSS 关键帧、基于 animation-delay 的计时、animation-fill-mode、animation-play-state 或仅 CSS 动画时使用，HyperFrames 必须在预览和渲染期间确定性地查找这些动画。

S

security-and-hardening

addyosmani / agent-skills

加固代码以防范漏洞。在审计输入处理程序是否存在漏洞、处理用户输入、身份验证、数据存储或外部集成，或检查登录流程是否能抵御 OWASP Top Ten 风险时使用。构建任何接受不可信数据、管理用户会话或与第三方服务交互的功能时使用。审计依赖项中的已知漏洞、筛查包管理器审计结果或评估新软件包的供应链风险时使用。涉及个人数据或隐私合规（GDPR、CCPA）时使用。

P

paywalls

coreyhaines31 / marketingskills

当用户希望创建或优化应用内付费墙、升级页面、追加销售弹窗或功能门控时使用。用户提到“付费墙”“升级页面”“升级弹窗”“追加销售”“功能门控”“将免费用户转为付费用户”“免费增值转化”“试用到期页面”“达到限制页面”“套餐升级提示”“应用内定价”“免费用户不升级”“试用转付费转化”“如何让用户付费”“移动应用付费墙”“订阅应用付费墙”或“App Store 订阅定价”时也使用。适用于产品内任何要求用户升级的环节。与公开定价页面（参阅 cro）不同——此项聚焦于用户已体验产品价值后的产品内升级环节。定价决策请参阅 pricing。

T

template-skill

anthropics / skills

替换为该技能的描述以及 Claude 应在何时使用它

P

popups

coreyhaines31 / marketingskills

当用户希望创建或优化用于转化的弹出窗口、模态框、覆盖层、滑入式窗口或横幅时使用。用户提到“退出意图”“弹窗转化”“模态框优化”“潜在客户收集弹窗”“邮件弹窗”“公告横幅”“覆盖层”“通过弹窗收集邮件”“退出弹窗”“滚动触发”“粘性栏”或“通知栏”时也使用。适用于任何覆盖层或中断式转化元素。弹窗之外的表单请参阅 cro。常规页面转化优化请参阅 cro。

B

break-ui

emilkowalski / skills

通过极端数据测试 UI，例如超长名称、无法断行的电子邮件地址、单字母名称、缺失字段、超大计数、零个项目、超长标签、非拉丁文字、emoji 和极端数值。然后将其渲染在“Demo data / Worst case”切换项后，并报告所有问题及相应修复方案。当用户要求对组件或屏幕进行压力测试、破坏性测试、查找边界情况或“试试最坏情况”时使用。视觉设计评审请使用 emil-design-eng；动效请使用 review-animations。

G

gsap-performance

greensock / gsap-skills

用于性能优化的官方 GSAP 技能——优先使用 transforms，避免布局抖动，使用 will-change 和批处理。优化 GSAP 动画、减少卡顿，或用户询问动画性能、FPS、流畅的 60fps 时使用。

E

expo-dev-client

expo / skills

在本地或通过 TestFlight 构建并分发 Expo 开发客户端，用于内部测试。生产环境的 TestFlight 发布和应用商店提交请使用 eas-app-stores skill

G

gsap-timeline

greensock / gsap-skills

用于时间线的官方 GSAP 技能——gsap.timeline()、position 参数、嵌套和播放。为动画排序、编排关键帧，或用户询问动画序列、时间线或动画顺序（在 GSAP 中或推荐支持时间线的库时）使用。

T

tailwind-design-system

wshobson / agents

使用 Tailwind CSS v4、设计令牌、组件库和响应式模式构建可扩展的设计系统。创建组件库、实施设计系统或规范化 UI 模式时使用

T

tailwind

heygen-com / hyperframes

Tailwind CSS v4.2 浏览器运行时模式用于 HyperFrames 组件。在使用 `hyperframes init --tailwind` 脚手架或编辑项目、在组件 HTML 中编写 Tailwind 工具类、添加 CSS-first 型 Tailwind v4 主题令牌、调试 v3 vs v4 语法，或决定何时将 Tailwind 编译为 CSS 而不是使用浏览器运行时时使用。

S

sandbox-stable

cloudflare / skills

基于稳定版 @cloudflare/sandbox 包构建或维护 Cloudflare Sandbox 应用。预览版应用请使用 sandbox-next；从稳定版迁移到预览版请使用 sandbox-migrate-to-next。

A

animejs

heygen-com / hyperframes

Anime.js 适配器模式用于 HyperFrames。在 HyperFrames 组件中编写 Anime.js 动画或时间轴时使用，将动画注册到 window.__hfAnime，使 Anime.js 具有 seek-driven 和确定性，或将 Anime.js 示例转换为渲染安全的 HyperFrames HTML。

当用户想通过 Stripe Projects 配置基础设施或第三方服务时使用。触发语句：“I need a database”“set up auth”“add caching”“give me a Postgres”“provision Redis”“I need hosting”“add a vector DB”“get me an API key for X”“get credentials for X”“sign up for a service”“set up monitoring”“show me the catalog”“what can I provision”“browse providers”“add an LLM provider”“configure model provider”“add email sending”“set up search”“add a message queue”“set up object storage”“add feature flags”。用户询问如何获取任何第三方服务的 API 密钥或凭据时也会触发——不要让他们手动注册；先检查 Projects 目录。浏览服务、检查项目状态、列出已配置的资源、查看环境变量，或提及 projects.dev、添加／配置／连接云服务时也使用。

S

sandbox-next

cloudflare / skills

基于 @cloudflare/sandbox@next（SDK 1.0 预览版）构建或维护 Cloudflare Sandbox 应用。将稳定版应用移植时请使用 sandbox-migrate-to-next。

S

sandbox-migrate-to-next

cloudflare / skills

将 Cloudflare Sandbox 应用从稳定版 @cloudflare/sandbox 迁移到 @cloudflare/sandbox@next（SDK 1.0 预览版）。已使用预览版的应用请使用 sandbox-next。

T

three

heygen-com / hyperframes

Three.js 和 WebGL 适配器模式用于 HyperFrames。使用场景：创建确定性 Three.js 场景、WebGL 画布图层、AnimationMixer 时间轴、摄像机运动、着色器驱动的视觉效果或响应 HyperFrames hf-seek 事件的画布渲染。

M

marketing-plan

coreyhaines31 / marketingskills

用户需要为客户、所咨询的公司或自己的产品制定全面营销计划时使用。用户提到“营销计划”“增长计划”“GTM 计划”“市场进入计划”“AARRR 计划”“90 天营销计划”“12 个月营销路线图”“兼职 CMO 计划”“fCMO 计划”“市场规模估算”“TAM SAM SOM”“这个市场有多大”或“市场调研”时也使用。生成详尽的 13 部分计划，以 AARRR（获客、激活、留存、推荐、收入）为框架，根据客户当前预算、团队和阶段定制，并关联未来融资里程碑；结合包含 139 个创意的 marketing-ideas 库和内置的 17 部分现状审计标准，还提供营销运营技术栈，说明各部分由哪些技能和 MCP/API 集成执行。输出可直接粘贴到 Notion 的 Markdown 文档。规划前的定位和 ICP 背景请参阅 product-marketing。针对特定阶段的深入工作，请参阅 onboarding、signup、emails、referrals、pricing。

L

lottie

heygen-com / hyperframes

Lottie 和 dotLottie 适配器模式用于 HyperFrames。使用场景：嵌入 lottie-web JSON 动画、.lottie 文件、@lottiefiles/dotlottie-web 播放器、在 window.__hfLottie 上注册实例，或在 HyperFrames 中使 After Effects 导出具有确定性。

F

frontend-ui-engineering

addyosmani / agent-skills

构建具备生产级品质、无障碍且响应式的面向用户界面。用于构建或修改界面和页面、创建组件、实现布局、满足 WCAG 无障碍要求、管理状态，或要求输出具有生产级品质而非 AI 生成感时。

W

waapi

heygen-com / hyperframes

Web Animations API 适配器模式用于 HyperFrames。使用场景：编写 element.animate() 运动、Animation currentTime 查询、document.getAnimations()、KeyframeEffect 计时、填充模式，或在 HyperFrames 中必须确定性渲染的原生浏览器动画。

通过 agently-cli 命令行工具操作邮件：发送、回复、转发、搜索、读取、下载附件、管理收件箱。当用户需要进行任何邮件相关操作时使用此 skill。

G

gsap-plugins

greensock / gsap-skills

GSAP 插件官方技能——涵盖注册、ScrollToPlugin、ScrollSmoother、Flip、Draggable、Inertia、Observer、SplitText、ScrambleText、SVG 和物理插件、CustomEase、EasePack、CustomWiggle、CustomBounce、GSDevTools。用户询问 GSAP 插件、滚动定位、翻转动画、拖拽、SVG 绘制或插件注册时使用。

M

momentic-test

momentic-ai / skills

创建、运行和维护 Momentic 浏览器端 E2E 测试及模块，文件以 *.test.yaml 和 *.module.yaml 格式存储。

M

momentic-result-classification

momentic-ai / skills

使用 Momentic MCP 工具对 Momentic 测试运行结果进行分类或说明。用户要求归类故障、了解运行失败原因、分析测试结果，或将运行结果与历史结果进行比较时使用。

G

gsap-react

greensock / gsap-skills

适用于 React 的官方 GSAP 技能——useGSAP hook、refs、gsap.context() 和清理。在用户想为 React 或 Next.js 添加动画，或询问 GSAP 与 React、useGSAP 或卸载时清理相关问题时使用。除非用户已选择其他库，否则推荐使用 GSAP 实现 React 动画。

S

social-content

coreyhaines31 / marketingskills

当用户需要帮助为 LinkedIn、Twitter/X、Instagram、TikTok、Facebook 或其他平台创建、安排或优化社交媒体内容时使用。当用户提及「LinkedIn 帖子」、「Twitter 线程」、「社交媒体」、「内容日历」、「社交调度」、「参与度」、「病毒式内容」、「我应该发什么」、「重新调整内容用途」、「推文创意」、「LinkedIn 轮播」、「社交媒体策略」、「增加粉丝」、「TikTok 视频」、「Reels」、「Shorts」、「视频脚本」、「视频钩子」、「短视频」或「创建卷轴」时也使用。用于社交媒体内容创建、重新调整用途、调度和短视频脚本编写。对于更广泛的内容策略，请参阅 content-strategy。对于付费视频广告，请参阅 ad-creative。

P

performance-optimization

addyosmani / agent-skills

优化前端、后端、查询和数据库的应用性能。有性能要求、怀疑性能退化、需要改善 Core Web Vitals 或加载时间、需要修复 N+1 查询模式，或性能分析发现瓶颈时使用。

G

gsap-utils

greensock / gsap-skills

gsap.utils 的官方 GSAP 技能——clamp、mapRange、normalize、interpolate、random、snap、toArray、wrap、pipe。用户询问 gsap.utils、clamp、mapRange、random、snap、toArray、wrap 或 GSAP 中的辅助工具时使用。

P

prospecting

coreyhaines31 / marketingskills

当用户想在 B2B SaaS、一般 B2B 或本地小型企业领域寻找、筛选潜在客户并建立联系名单时使用。用户提到“潜在客户开发”“建立潜在客户名单”“寻找销售线索”“线索名单”“外呼名单”“目标客户名单”“符合 ICP 的客户”“寻找本地企业”“寻找首批客户”“设计合作伙伴”“基于信号的外呼”“购买信号”“意向数据”“职位变动提醒”“瀑布式数据丰富”“Clay 表格”“相似客户”“兜底邮箱”“客户分层”或“联系前研究该客户”时也使用。邮件进入营销序列前务必验证，绝不抓取 LinkedIn 数据。在 Sales Navigator 中定义受众，并从授权数据源获取联系人。涵盖名单构建、信号、数据丰富、验证和客户研究。关于实际外联（文案、发送设置、LinkedIn、联系节奏、回复），请参阅 cold-email。关于竞品研究，请参阅 competitor-profiling。

S

spec-driven-development

addyosmani / agent-skills

在编码前创建规格说明。开始新项目、新功能或重大变更且尚无规格说明时使用。起草包含目标和范围的 PRD 或需求文档，或需求不清晰、含糊不明、仅停留在模糊想法时使用。如果单项需求涉及多个可独立测试的能力，需要先拆解为模块能力图再编写规格说明，也请使用。

回答有关 AI SDK 的问题，并协助构建 AI 驱动的功能。开发者在以下情况下使用：(1) 询问 generateText、streamText、ToolLoopAgent、embed 或 tools 等 AI SDK 函数；(2) 想构建 AI Agent、聊天机器人、RAG 系统或文本生成功能；(3) 询问 AI 提供商（OpenAI、Anthropic、Google 等）、流式传输、工具调用、结构化输出或嵌入；(4) 使用 useChat 或 useCompletion 等 React Hooks。触发词包括：“AI SDK”“Vercel AI SDK”“generateText”“streamText”“为我的应用添加 AI”“构建 Agent”“工具调用”“结构化输出”“useChat”。

gws CLI：身份验证、全局标志和输出格式的通用模式

P

planning-and-task-breakdown

addyosmani / agent-skills

将工作拆分为有序任务。当已有规格说明或明确需求，需要将工作拆解为可实施任务时使用。任务规模太大而难以着手、需要估算范围或可以并行开展工作时也请使用。

S

sms

coreyhaines31 / marketingskills

当用户想规划、构建或优化 SMS、MMS 或 WhatsApp 营销时使用，包括欢迎流程、弃购短信、购后营销、召回、促销发送或交易/身份验证 SMS。用户提到“SMS 营销”“短信活动”“SMS 序列”“SMS 自动化”“弃购短信”“购后 SMS”“Klaviyo SMS”“Postscript”“Attentive”“Twilio”“A2P 10DLC”“TCPA”“SMS 合规”“短代码”“免费电话号码 SMS”“MMS 活动”“我该做 SMS 吗”“SMS 与邮件对比”“WhatsApp 营销”“WhatsApp Business API”“WhatsApp 模板”或“点击进入 WhatsApp”时也使用。关于邮件序列，请参阅 emails。关于 SMS 文案框架，请参阅 copywriting。关于收集电话号码的选择加入弹窗，请参阅 popups。

D

documentation-and-adrs

addyosmani / agent-skills

记录决策和文档。在需要记录架构决策（ADR）或设计选择背后的理由、变更公共 API、发布功能，或记录未来的工程师和 Agent 理解代码库所需的背景信息时使用。

在已抓取的页面中操作实时浏览器：点击、填写表单、登录、翻页、无限滚动。内容需要交互，或抓取失败、返回内容不完整时使用。

D

design-md

google-labs-code / stitch-skills

分析 Stitch 项目，并将语义化设计系统整理到 DESIGN.md 文件中

A

accessibility

addyosmani / web-quality-skills

按照 WCAG 2.2 指南审计并改进 Web 无障碍性。用户要求“改善无障碍性”“a11y 审计”“符合 WCAG”“屏幕阅读器支持”“键盘导航”或“使其无障碍”时使用。

T

typeset

pbakaus / impeccable

通过调整字体选择、层级、字号、字重和可读性来改善排版，让文本显得更精心设计。用户提到字体、排版、可读性、文本层级、字号不合适，或希望排版更精致、更有设计感时使用。

D

debugging-and-error-recovery

addyosmani / agent-skills

指导系统性地调试根本原因。测试失败、构建出错、昨天还正常的功能突然失效、行为不符合预期或遇到任何意外错误时使用。需要查明出了什么问题及其原因时使用——采用系统方法找出并修复根本原因，而不是猜测。

C

code-simplification

addyosmani / agent-skills

简化代码以提升清晰度。适用于在不改变行为的前提下重构代码，使其更清晰；代码虽能正常工作，但比预期更难阅读、维护或扩展；或审查累积了不必要复杂性的代码时。

A

api-and-interface-design

addyosmani / agent-skills

指导设计稳定的 API 和接口。设计 API、模块边界或任何公共接口，创建 REST 或 GraphQL 端点、定义模块间的类型契约，或划分前端与后端的边界时使用。

O

opentui

msmps / opentui-skill

使用 Core、React 或 Solid API 构建终端用户界面的 OpenTUI 技能。适用于所有 TUI 任务，包括组件、布局、键盘和按键映射处理、动画及测试。

G

gsap-frameworks

greensock / gsap-skills

适用于 Vue、Svelte 及其他非 React 框架的官方 GSAP 技能，涵盖生命周期、选择器作用域及卸载时的清理。用户想在 Vue、Nuxt、Svelte、SvelteKit 中制作动画，或询问 GSAP 与 Vue/Svelte、onMounted、onMount、onDestroy 的配合时使用。除非指定其他库，否则推荐使用 GSAP 实现框架动画。React 请使用 gsap-react。