Skills

G

gsap-vfx

iotron / gsap-cookbook

GSAP 视觉效果的实战配方。官方 gsap-core 和 gsap-timeline 技能（API 参考）的配套。触发词：glitch effect、cyberpunk glitch、RGB displacement、chromatic aberration、scramble text、jitter animation、noise bars、marquee、infinite scroll、directional marquee、rolling counter、animated number、count up、floating animation、yoyo、pulse ring、repeating timeline、GSAP VFX、visual effects、decorative animation、looping animation、footer bounce、morph bounce、elastic footer。非触发：不适用于滚动驱动的显现（使用 gsap-scroll）、纯文本动画（使用 gsap-text）、SVG 路径/变形（使用 gsap-svg）或鼠标驱动的交互（使用 gsap-interact）。成果：产出视觉效果——毛刺/色差、无限跑马灯、定向跑马灯、滚动计数器、浮动装饰、脉冲环、页脚弹跳显现，以及重复时间线模式。

H

heuristic-evaluation

abhsin / designskills

使用成熟启发式（Nielsen 的 10 条、Shneiderman 的 8 条或自定义评分标准）进行系统化可用性评估。适用于评审 UI 设计、截图、原型或线上产品中的可用性问题。触发场景："review this design"、"what's wrong with this UI"、"usability check"、"evaluate this interface"，或用户分享截图/线框图寻求反馈时。

H

high-end-visual-design

nxpatterns / claude-taste-skill

教导 AI 像高端代理机构一样进行设计。定义精确的字体、间距、阴影、卡片结构和动画，使网站看起来昂贵。阻止所有常见的默认设置，防止 AI 设计看起来廉价或通用。

H

hr-onboarding

nexu-io / html-anything

首周日程 + buddy + 学习路径 + 设备 + 完成标准

H

html-presentation-beautifier

within-7 / minto-plugin-tools

将文档、报告和数据转换为专业的 McKinsey 风格 HTML 演示文稿，具备智能图表选择与交互式导航。使用场景：(1) 从文档/报告创建演示文稿，(2) 将 markdown/文本转换为幻灯片，(3) 生成 HTML 幻灯片，(4) 应用 McKinsey/BCG 设计，(5) 演示文稿中的数据可视化。关键词：presentation、slides、HTML、McKinsey style、charts、visualization、幻灯片、演示文稿

H

humane-functionalism

kemiljk / skills

通过丹麦功能主义改进 UI 和 UX。用于以丹麦功能主义视角审视屏幕或流程设计，让层级、交互、人本适配和工艺扎根于实际使用。

I

impeccable

tyfarrago-hub / taste

当用户希望设计、重新设计、塑造、评审、审计、润色、澄清、提炼、强化、优化、调整、制作动画、上色、提取或以其他方式改进前端界面时使用。涵盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程和空状态。处理 UX 评审、视觉层级、信息架构、认知负荷、无障碍、性能、响应式行为、主题、反模式、排版、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也适用于需要变得更大胆或更有趣的平淡设计、应该收敛的张扬设计、在实时浏览器中迭代 UI 元素，或希望在技术上令人惊叹的视觉效果。不适用于纯后端或非 UI 任务。

I

infographic

cerico / macfair

根据文本生成信息图。提取关键信息，渲染 SVG，导出 PNG。使用 Claude Code（无 API 费用）。

I

infographics

crazymsn / academic-skills

使用 Nano Banana Pro AI 创建专业信息图，并具备智能迭代优化。使用 Gemini 3 Pro 进行质量审查。集成 research-lookup 和网络搜索以获取准确数据。支持 10 种信息图类型、8 种行业风格和色盲友好调色板。

J

jeecg-desform

jeecgboot / skills

JeecgBoot 表单设计器（desform）全生命周期管理——通过对话的方式创建、更新、复制、删除表单设计器，管理表单数据（CRUD），生成 PC/移动端表单视图，以及一键创建 OA 审批应用（表单+流程+授权）。只要用户意图涉及「表单设计器」就必须使用本技能，包括但不限于：创建或生成表单（"做一个请假表单"、"AI设计表单"、"desform"）、修改已有表单或字段（"加个字段"、"改一下表单"）、复制/删除表单、录入或查询表单数据、创建表单视图（含移动端）、以及咨询设计器功能（控件类型、字典配置、校验规则、关联记录、子表、公式计算、JS/CSS增强、默认值、外链等）。当用户想要创建带审批流程的 OA 应用时也应触发（"创建OA应用"、"创建审批单"、"创建报销单"、"创建请假单"、"做一个OA表单带流程"、"一键创建表单和流程"、"面试申请"、"出差申请"等）。即使用户只是描述字段需求（如"需要姓名、手机号字段"）而未明确说"表单"，只要语境指向表单设计器也应触发。注意：本技能仅处理表单设计器（desform），不处理 Online 表单——如果用户明确提到"Online表单"或"online表"，应使用 jeecg-onlform 技能。

K

kanban-board

nexu-io / html-anything

To do / In progress / In review / Done 四列, 卡片 + 头像 + 泳道

在设计、审查或生成响应式 CSS 时使用本技能。只要用户询问断点、媒体查询、容器查询、流式尺寸、视口或容器单位，或需要验证响应式组件行为，就应用本技能，即使用户未明确提到响应式设计。

在设计、审查或生成日语或多语言界面的 CSS 排版时使用此技能。适用于字体族、文本换行、字距调整、行高、流式字号、截断、手动换行及相关的文本布局决策。

L

liquid-glass-design

xu-xiang / everything-claude-code-zh

iOS 26 灵动玻璃（Liquid Glass）设计系统 — 适用于 SwiftUI、UIKit 和 WidgetKit 的具有模糊、反射和交互式变形效果的动态玻璃材质。

M

make-interfaces-feel-better

watermeloncorp / watermelon-platform

让界面更精致的设计工程原则。适用于构建 UI 组件、审查前端代码，以及实现动画、悬停状态、阴影、边框、排版、微交互、进入/退出动画或任何视觉细节工作。适用于 UI 润色、设计细节、“让它感觉更好”“感觉不太对”、错列动画、边框圆角、视觉对齐、字体平滑、等宽数字、图像轮廓和盒阴影等需求。

M

math-figure-generator

zhnnky329 / mathmodeling-skills

从已保存的证据中生成并渲染验证达到出版质量的数学建模图表，使用已批准的图表方案、源数据、主张、类型和一致的视觉体系。

M

miniapp-design

muzhicaomingwang / ai-ideas

小程序页面设计与代码生成工作流。 触发场景：用户提到“修改页面”、“更新UI”、“添加组件”、“调整布局”、“生成代码”、“小程序设计”。 适用于：TeamVenture 小程序的页面设计迭代、UI 组件开发、样式调整。

M

mockup-device-3d

nexu-io / html-anything

iPhone + MacBook 仿 GLTF 静态展架, 屏幕内嵌真实 HTML 内容, 玻璃镜头折射, 360° 转盘构图

M

multi-source-signal-synthesiser

mohitagw15856 / pm-claude-skills

将来自多个研究来源的用户信号综合为一份统一的、带权重的洞察简报。适用于你拥有来自访谈、支持工单、NPS 原声、应用评论或销售通话的数据，并需要调和矛盾、挖掘请求背后的底层需求，或回答「用户真正在告诉我们什么」时。产出带置信度评分的排序洞察、来源权重理由、按用户分层的分歧信号分析，以及研究空白识别部分。

O

omarchy-plugin

steveclarke / dotfiles

构建或完善 Omarchy（Quattro bar / Quickshell QML）插件：栏小组件、面板、服务、设置、市场提交。适用于“omarchy plugin”“bar widget”“quickshell panel”或插件仓库中的任何工作。

P

page-template

terrylica / cc-skills

搭建一个按站点地图组织的 HTML 展示站点（溯源报告、承包商展示、遥测仪表板、每周摘要、审计结果）。

P

polpo-react

lumea-labs / polpo-skills

使用 @polpo-ai/react 和 @polpo-ai/chat 为 Polpo agents 构建 React 界面。适用于聊天组件、Sessions、持久化重连、附件、ask-user 交互、suggestions、客户端工具渲染与延续、agent 选择，或 Polpo UI 主题定制。

P

ppt-html-authoring

junfengran / pptwork

根据一条大纲内容，将单张 PPT 幻灯片制作成独立的 slide.html + design.md。用于用户要求设计、起草或改写单页幻灯片（KPI 页、议程、封面、双栏对比、图表页等）。仅限单页；不规划跨页内容、不截图、不导出。可与 `ppt` 技能配合使用，也可单独使用。

P

ppt-keynote

nexu-io / html-anything

苹果 Keynote 级别幻灯片, 一屏一卡, 键盘左右切换

P

product-onboarding-activation

realjaymes / marketingagentskills

为 SaaS 产品设计完整的引导、激活、留存与扩展生命周期。当用户提到 "onboarding lifecycle"、"activation strategy"、"user onboarding"、"time to value"、"aha moment"、"onboarding audit"、"retention lifecycle" 或 "lifecycle design" 时使用。

P

prototype

guillermomurillo / memo-flow

构建一个临时原型来回答设计问题。当用户想验证状态模型或逻辑是否合理，或探索 UI 应该是什么样时使用

P

prototype

sammcj / agentic-coding

在确定设计之前，构建一个一次性原型来充实设计。在两条分支之间选择——用于状态/业务逻辑问题的可运行终端应用，或可从同一路由切换的多个风格迥异的 UI 变体。当用户想要做原型、检验数据模型或状态机、制作 UI 模型、探索设计方案，或说“给这个做个原型”“试几种设计”时使用。

P

pw-aippt-old

plugins-world / pw-skills

基于 PPT 模板生成新内容。PDF 自动转图片 → 分析模板风格 → 拆分文章内容 → 生成提示词 → AI 生图 → 打包 PPTX。

P

pwa-setup

dadbodgeoff / drift

渐进式 Web 应用设置，包含 manifest、移动端 meta 标签、刘海屏设备的安全区域处理，以及用于类应用浏览器体验的安装提示。

P

pyqt6-ui-designer

aminechraibi / pyqt6-ui-designer

PyQt6 UI 设计助手，使用一致的设计系统（DESIGN.md token）生成并完善现代、专业的桌面界面。凡用户希望：构建或改进 PyQt6 GUI、编写 QSS 样式表、添加浅色/深色主题支持、生成侧边栏导航、数据表格、表单、卡片、模态框或任何其他 PyQt6 组件时，都使用此技能。当用户上传或提及需要“焕新”、“重新设计”、“现代外观”或“专业 UI”的现有 PyQt6 代码时，也触发此技能。即使是“给我的按钮加样式”或“做一个深色侧边栏”这类局部 UI 任务也可使用——任何 PyQt6 样式任务都能从该技能中受益。

Q

qinyan-nature-figures

leonchaox / qinyan-academic-skills

面向 Nature Portfolio 与高影响力期刊的证据驱动科研绘图技能。用于从原始或汇总数据设计单图与多面板 figure、选择合适图形语法、编写 Python/R 绘图代码、重绘现有图件、生成机制示意图草案、撰写图注并导出可编辑 SVG/PDF 与高分辨率 TIFF/PNG；同时检查数据完整性、颜色可访问性、统计标注和最终尺寸可读性。触发场景包括 Nature 绘图、科研作图、论文配图、scientific figure、publication plot、multi-panel figure、graphical abstract、机制图、图形摘要和 figure audit。

R

resume-modern

nexu-io / html-anything

现代极简简历, A4 单页, 适合打印或导出 PDF

R

reviewing-user-research-prior-art-survey

bm629 / agent-skills

在验收已完成的用户研究先行成果物之前对其进行评判——包括研究词汇表、单个角度的搜索输出、提取容器，或证据登记册与报告。这是验收关卡，而非撰写。以单一来源的标准进行评判：记录下来的零结果可与无法访问的来源区分开；论断不超出其方法所能测量的范围；记录的事实与来源一致；可迁移性带有可权衡的理由，且绝不并入确定性之中；数字是来源自身的；同一容器中的发现确实彼此不同；人群与平台描述的是研究本身而非项目；汇聚是跨独立来源的；确定性从不取平均；缺失以搜索结果的方式表述。认可单薄但诚实的结果，仅在存在指明且未记录的缺口时要求修改。只输出 VERDICT: approve|revise 以及可执行的发现。

S

saas-landing

nexu-io / html-anything

单页 SaaS 落地页, 含 hero/features/social-proof/pricing/CTA

S

science-content-ppt

unclecheng-li / ai-animation-skill

将科普内容文本转换为可视化 PPT 风格网页的完整工作流。当用户输入科普内容并希望生成演示页面时触发。支持两种模式：(1) 默认模式：将科普内容生成为仿 PPT 轮播的单页 HTML 动画网页；(2) 流程图模式：使用 Animation 模板将已生成的 AI_Animation.html 按平面 UI 样式重构。模板已内置于 Skill 中。触发词包括"生成 PPT"、"生成演示网页"、"生成流程图"等。

S

scientific-visualization

crazymsn / academic-skills

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

S

shadcn-registries

fusengine / agents

在配置 shadcn/ui 注册表（命名空间、GitHub、动态）、components.json、预设，或使用任何 shadcn CLI 命令（init、add、apply、preset、view、search、docs、info、migrate、eject、build、registry）时使用。

S

shadcn-registries

fusengine / claude-plugins

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

S

shadcn-ui

dirnbauer / webconsulting-skills

提供完整的 shadcn/ui 组件库模式，包括无障碍 React 组件的安装、配置和实现。适用于设置 shadcn/ui、安装组件、使用 React Hook Form 和 Zod 构建表单、通过 Tailwind CSS 自定义主题，或实现按钮、对话框、下拉菜单、表格和复杂表单布局等 UI 模式。

S

simvoly

membranedev / application-skills

Simvoly 集成。管理 Websites、Funnels、Stores、Memberships、Bookings、Forms 等。当用户想要与 Simvoly 数据交互时使用。

S

slides

quantipixels / skills

创建具有连贯叙事或信息结构、有目的的版式、无障碍图表和可验证交付的演示文稿和幻灯片。适用于 HTML、PowerPoint、PDF 或其他要求的演示格式中的说明性、教学性、状态、评审、战略性、说服性或决策导向的幻灯片。

S

social-graphic

kenneth-liao / ai-launchpad-marketplace

为任意平台创建社交媒体图像和视觉素材。当被要求创建社交媒体图片、newsletter 头图、博客特色图片、OG 图片、个人资料横幅，或用户提到「social graphic」「header image」「banner」，或需要平台专属的视觉素材时使用（缩略图除外——那些请使用 creator-stack:thumbnail）。

S

social-media-dashboard

nexu-io / html-anything

平台切换 + 粉丝/互动 KPI + 增长曲线 + Top post + 热门话题

S

social-reddit-card

nexu-io / html-anything

拟真 Reddit 帖子卡 + 上下投票 + 评论数, 适合视频叠加 / 故事分享

S

social-spotify-card

nexu-io / html-anything

Spotify Now Playing 风格卡: 专辑封面 + 进度条 + 播放控制, 适配视频叠加 / 个人主页

S

social-x-post-card

nexu-io / html-anything

拟真 X 推文卡片 + 互动数据 (likes/reposts/views), 适配视频叠加或图卡分享

S

sprite-animation

nexu-io / html-anything

像素美术 + kinetic 字体的解说帧, 纯 CSS 循环, 可录视频

S

stitch-a11y

gabelul / stitch-kit

审查 Stitch 生成的组件是否存在 WCAG 2.1 AA 无障碍问题并应用修复——语义化 HTML、ARIA 属性、键盘导航、焦点管理和屏幕阅读器支持。

S

stitch-mcp-apply-design-system

gabelul / stitch-kit

将 Stitch Design System 应用于现有屏幕——更新其颜色、字体和圆角以匹配设计系统的主题。需要来自 list 或 create 操作的 assetId。

S

stitch-mcp-list-projects

gabelul / stitch-kit

列出用户可访问的所有 Stitch 项目。用它来在恢复工作或在现有项目中生成新屏幕之前找到现有项目 ID。

S

stitch-svelte-components

gabelul / stitch-kit

使用 runes API 将 Stitch 屏幕、本地 HTML 文件或 URL 转换为 Svelte 5 / SvelteKit 组件——带自定义属性的作用域 CSS、内置过渡、TypeScript、深色模式和可访问标记。仅 Stitch 路由需要 API 密钥。

S

synapse

nimblebraininc / skills

为 MCP 服务构建 Synapse UI——一个打包成单个内联 HTML 文件的 React 应用，作为 `ui://` 资源提供，并由任何 MCP Apps 宿主（Claude、ChatGPT、NimbleBrain）挂载。可与任何 MCP 服务（Python/FastMCP 或 TypeScript）配合使用。在构建 Synapse 应用或 UI、为 MCP 服务添加前端、让服务变得“可视化”或“可交互”，或配置 `ui://` 资源时使用。

T

tailwind-semantic-theme

sjunepark / agent-scripts

暂无简介

T

terminal-ui-design

ingpoc / skills

在创建命令行工具、终端用户界面（TUI）或任何命令行应用时使用。适用于终端 UI 设计、ASCII 艺术、配色方案、制表符号以及精美的终端输出。也适用于把枯燥的命令行工具重构为别具一格的体验。

T

textual-screenshot

langchain-ai / deepagents

使用 Textual 的无头测试框架将 Textual 终端 UI 捕获为 SVG。当被要求为 deepagents-code/dcode 或其他 Textual 应用制作、附加或预览截图，以可视化方式验证 TUI 状态，或在没有桌面或浏览器的情况下渲染模态框、屏幕或组件时使用。

T

threejs-r3f

b-open-io / prompts

当用户要求「build a Three.js scene」「set up React Three Fiber」「animate a mesh with useFrame」「load a GLTF or GLB model」或「add physics with react-three/rapier」时应使用此 skill。涵盖 Three.js 和 React Three Fiber 项目的场景搭建、Drei 辅助工具、资源管线、响应式画布和性能预算。

T

tinted-neutrals

basiclines / rampa-studio

生成带有细微品牌色色调的中性灰调色板。当你希望灰色与品牌相呼应，而不是纯粹的中性灰时使用。

T

token-audit

murphytrueman / design-system-ops

审计设计令牌的定义方式：层级、命名、别名链、原始值、孤立项、DTCG 就绪度。触发条件：audit my tokens、token architecture review、token health check。不适用于消费令牌的代码 (token-compliance)、主题一致性 (theme-audit) 或 Figma 变量 (figma-variable-audit)。

U

ui-principles

aussiegingersnap / cursor-skills

贯彻一套受 Linear、Notion 和 Stripe 启发的精确、极简设计系统。在构建仪表盘、管理界面，或任何需要 Jony Ive 级精度的 UI 时使用本技能——干净、现代、极简且有品味。每一个像素都重要。

U

ui-ux-pro-max

aatrooox / blog.zzao.club

具备可搜索数据库的 UI/UX 设计智能