YouTube Thumbnail Generation
基于 each::sense API 的 YouTube 缩略图生成技能，可通过自然语言提示生成 1280x720 高点击率缩略图，支持反应脸、前后对比、教程、游戏、评测、清单等多种风格。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
设计与创作
20,281 个结果
html-design-tokens
该技能用于把设计令牌（design tokens）以 HTML 页面形式展示，包括色板、字号阶梯、间距系统、圆角刻度、阴影系统与动效令牌，并提供可复制的 CSS 变量。页面会真实渲染颜色、间距与阴影，标注令牌名称与取值，附带复制按钮，支持窄屏重排、明暗主题变体、对比度与 WCAG 等级标注，以及“全部复制为 CSS 变量”的批量导出。适用于设计系统文档、配色与间距规范说明，以及开发者需要从文档中直接复制 CSS 变量的场景。
video
video 是 mcp-video-analyzer 提供的视频分析技能，可对 Loom、YouTube、Vimeo、TikTok、Instagram、X/Twitter、Twitch、Dailymotion、Facebook、直链或本地文件做转录、关键帧、OCR 与时间线分析，并按要求在回答中标注时间戳。
ui-builder
ui-builder 是一个帮助开发者构建美观、可访问且响应式用户界面的技能，主要面向使用 React、Tailwind CSS、Shadcn/ui 及现代设计模式的开发场景。它以专家指南的形式提供组件、布局、样式模式、动画、表单、深色模式、加载状态与无障碍等实践，用于在创建组件、布局与页面结构时参考。其内容涵盖移动优先设计、响应式断点、可访问性、性能与一致性等核心原则，并给出 Tailwind CSS 布局、颜色主题、间距、常见组件（按钮、卡片、输入框、对话框、下拉菜单、表单）、动画（Tailwind 过渡与 Framer Motion）、图标、加载状态、深色模式以及仪表盘与落地页布局的示例代码，同时包含无障碍、性能与响应式设计检查清单。使用方式为在构建新 UI 组件、创建布局、实现响应式设计、添加动画、处理表单、实现深色模式、确保可访问性与优化性能等场景中调用该技能。资料未提供安装命令、收费与价格信息，暂未提供平台限制与效果的明确说明。
apple-hig
Apple HIG 技能，提供 Apple 人机界面指南的提炼参考，覆盖 iOS、iPadOS、macOS、tvOS、visionOS、watchOS 及 iPhone Duo，用于设计、评审与规范查询。
designkit
designkit 是一个从项目现有 UI 代码中推导设计系统的技能，生成符合规范的 DESIGN.md 文件，并在代码变化后检测其是否过时。它只提取代码中真实存在的值，不生成 UI、不提供配色库、不做设计评审。
mobile-design
面向 React Native 与 Expo 的移动端 UI 设计、实现与评审技能，强调平台感知（iOS/Android）、可访问性、性能与状态完整性，并给出设计流程、参考文件路由与硬性约束。
tuzi-image-gen
通过兔子API（nano-banana 模型）、Google、OpenAI、DashScope 和 Replicate 进行 AI 图片生成。支持文生图、参考图片、宽高比、模型选择，以及 OpenAI 兼容网关方言切换。当用户要求生成、创建或绘制图片时使用。
videocut-install
videocut-install 是视频剪辑技能的环境准备模块，用于安装依赖、下载模型并验证环境，触发词为安装、环境准备、初始化。
customer-support-builder
用于设计可扩展客户支持系统的技能，覆盖帮助中心、聊天机器人、工单系统与自助知识库。核心思路是让支持量随用户增长次线性上升，依据支持成熟度模型分阶段建设，并提供知识库结构、支持渠道、工单路由、指标与主动支持等模板。
design-engineer
面向界面构建的设计工程方法：在设计与代码交汇处打造有手感的交互细节，涵盖时间缓动、动效原则、组件打磨、无障碍与性能约束。
nano-banana
基于 Google Gemini 图像生成模型（Nano Banana 系列）的命令行图像生成与编辑工具，支持风格预设、平台尺寸适配、批量变体与参考图风格迁移。
minecraft-resource-pack
用于创建和调试 Minecraft 26.x 与 1.21.x 资源包的技能，覆盖 pack.mcmeta 元数据、纹理、模型、blockstates、物品定义、声音、字体与动画等视觉音频资源，并提供校验脚本。
Client Onboarding Designer
Client Onboarding Designer 是一个用于设计客户入驻体验的技能，目标是让客户顺利上手并提升留存。资料称其适用于改进业务运营与策略、做数据驱动的业务决策、优化流程与结果，不推荐用于创意设计或技术编码任务。
email-html-mjml
email-html-mjml 是一个用于生成跨客户端 HTML 邮件的技能，以 MJML 4.x 作为编写层。MJML 的响应式组件会编译为基于表格的 HTML，兼容 Outlook 2013 至 365、Gmail 网页版与移动端、Apple Mail 等主流客户端，输出满足 WCAG 2.1 AA 无障碍标准（对比度充足、语义结构、替代文本）。当被要求创建、编译或排查任何 HTML 邮件时，该技能会自动触发。安装命令为 npx skills add framix-team/skill-email-html-mjml，安装后以 email-html-mjml 名称调用，触发短语包括“MJML”“HTML email”“email template”“Outlook-safe email”。
fixing-accessibility
fixing-accessibility 是一套面向设计代理的可访问性审查与修复技能，用于检查并修正 ARIA 标签、键盘导航、焦点管理、颜色对比度和表单错误处理等问题，并给出具体代码层面的修复，在保持视觉设计意图的同时满足无障碍标准。
ui-design-system
UI design system（ui-design-system）是一套面向设计系统构建的工具，可从品牌色生成设计令牌、配色方案、字体比例与间距系统，并支持 CSS、SCSS、JSON 导出及开发者交接。
video-download
一个统一的社媒视频下载技能，覆盖微信视频号、抖音、小红书、B站、TikTok、YouTube、Twitter/X、Instagram 等平台。它是视频文件获取的唯一入口，表格批处理也须调用其下载脚本；脚本自动识别平台并采用不同主引擎与兜底引擎。
image-outpainting
基于 each::sense AI 的图像外绘（Outpainting）技能，可在原图边界之外智能生成新内容，实现横向/纵向扩展、宽高比转换、背景扩充、去裁剪与全景图制作，适用于横幅、社媒与艺术创作。
opc-value-proposition
opc-value-proposition 是 OPC 方法论中的价值主张设计技能，用于拆解目标客户的 Jobs、Pains、Gains，并生成 3 个价值主张方案供用户选择，帮助明确“这类人为什么要买你”。
baoyu-image-cards
一个用于把复杂内容拆解为1-10张卡通风格信息图卡片系列的工具，提供12种视觉风格、8种版式与3种配色方案，可自动分析内容并推荐风格组合，支持参考图与批量生成。
gpt-image-slide-prompt
该技能用于把 DESIGN.md 与已批准的 slide_plan.json 转换为逐页的幻灯片生成提示词，输出结构化 JSON。它强调保持整套幻灯片的版式与主题一致，明确页眉、正文、页脚分区，并约束图标、信息图与图表的使用。
305-frameworks-spring-boot-modulith
用于在 Spring Boot 应用中设计、审查和改进模块化单体架构的 Spring Modulith 技能，涵盖依赖选择、业务能力包结构、模块验证测试、命名接口、领域事件、模块集成测试与文档生成。
workout-tracker
一个用于记录和追踪健身训练的技能，基于本地 SQLite 数据库与脚本，可记录动作、重量、组数、次数，查看历史并生成报告图，还支持通过图片识别健身器材。