Design & Media
Design agent skills guide AI agents through visual and UX work: UI mockups, design systems, image and asset workflows, and design reviews. A skill keeps the agent aligned with your design language instead of improvising a new style each session.
-
tomevault-io Bundle Figma Design System To Design MdFigma design system to design.md — Extract Figma design system into a structured design.md. Use when user says 'generate design.md', 'extract design system', 'design tokens to markdown', 'create design doc from Figma', 'Figma design system to design.md', or wants to document their design system from token files and Figma. Use when this capability is needed.
-
tomevault-io Bundle Docs Creating Accessible DiagramsWCAG-compliant Mermaid diagrams using verified accessible color palette. Use when creating diagrams, flowcharts, or any color-dependent visualizations requiring accessibility compliance for color blindness. Use when this capability is needed.
-
tomevault-io Bundle Yinyo Image2 PromptGPT-Image-2 万能 Prompt 工程师。覆盖写实摄影、产品Mockup、电影质感、Pixar 3D、UI截图、信息图、Logo/品牌系统、水墨海报、科普海报、收藏玩具、动作分解表等全场景,35个子模板+5-Phase引导流程,输出完整高质量prompt + 参数建议。 Use when this capability is needed.
-
tomevault-io Bundle Uiux Design PrinciplesFramework-agnostic UI/UX design principles and guidelines for enterprise applications. CRITICAL for ALL frontend work regardless of framework (React, Flutter, etc.). Use when asking about 'design principles', 'layout', 'visual hierarchy', 'information architecture', 'enterprise UX', 'responsive design', 'accessibility', 'design system', 'top-down design', 'component design', 'user experience', or any frontend design decisions. Use when this capability is needed.
-
tomevault-io Bundle Product PrototypeUse when building the interactive HTML prototype — shared CSS, design system, screen manifest, per-screen files, navigation hub. Triggers on "build the prototype", "clickable prototype", "prototype screens".
-
wubin1836 Bundle Exact Text ImageUse this skill when designers, e-commerce operators, advertisers, brand teams, social-commerce teams, and content creators need to create visuals that include specified text and layout requirements with AI Hive through the AI Hive OpenAPI. It handles required media uploads, live model and price lookup, task submission, progress polling, and result downloads. Useful for product photography, marketplace images, product detail pages, posters, ad creatives, social commerce, seeding content, retouching, and background replacement. Search intents include text in image, typography generation, text-accurate poster, layout control.
-
tomevault-io Bundle Onefetch Git Repository Information And Statistics CLIonefetch is a Rust CLI tool that displays project information and code statistics for Git repositories directly in the terminal. It detects languages, shows contributor stats, license info, and repo metadata with an ASCII art logo for the dominant language. Use when this capability is needed.
-
wubin1836 Bundle AI Beauty Swatch Motion当用户搜索 AI试色动图、口红试色、彩妆Live图、美妆GIF、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成展示口红、眼影或粉底的颜色变化:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle AI Ecommerce Live Photo当用户搜索 AI Live图、Live Photo、实况照片、商品实况图、小红书Live图、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成把商品照片制作成可用于社媒的短动态照片:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle AI Fashion Tryon Motion当用户搜索 AI试穿动图、服装动图、模特换装、穿搭Live图、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成制作服装穿着与姿态变化动效:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle AI Shoe Bag Spin Motion当用户搜索 鞋子动图、箱包动图、鞋包旋转、皮具GIF、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成展示鞋包轮廓、材质与细节:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
tomevault-io Bundle Founddream Editorial Card Generator Skill Editorial Card GenEditorial Style Informational Poster Generator
-
wubin1836 Bundle AI Jewelry Sparkle Motion当用户搜索 珠宝动图、首饰闪耀、钻石GIF、饰品Live图、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成用光线运动突出珠宝材质与切面:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle Ecommerce Detail Page Gif当用户搜索 详情页动图、商品详情GIF、卖点动效、功能演示动图、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成为详情页卖点模块制作可循环演示:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle AI 360 Product Spin当用户搜索 360商品旋转、商品转台、产品环绕动图、360主图、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成用参考图规划商品旋转展示:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle AI Food Fluid Motion当用户搜索 食品动图、饮品动图、液体动效、蒸汽GIF、餐饮广告、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成生成饮品、酱汁、蒸汽等食欲动效:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle AI Home Scene Motion当用户搜索 家居动图、家具Live图、空间动效、家装商品视频、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成让家具家居商品在场景中产生轻运动:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle AI Presales QA Agent当用户搜索 售前客服Agent、商品问答机器人、选购助手、AI导购、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成围绕商品参数、适配和选购生成可追溯回答:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle Product Image To Gif当用户搜索 商品图转GIF、AI GIF、产品GIF、详情页GIF、邮件GIF、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成把主图转换为自动循环 GIF:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle Visual Basic Vi AI Hive当用户搜索或询问品牌VI基础设计、视觉识别系统、品牌VI、基础视觉规范、AI设计、品牌视觉、商业图片时使用。围绕Logo使用、颜色、字体、图形、图片风格和基础应用规则,面向官网、门店、包装、PPT、社媒和办公物料交付设计策略、基础视觉规则、2—3个概念方向、应用场景、生产规格核对项和品牌一致性清单,并通过AI-HIVE查询当前图片模型、上传有权参考图、保存价格快照、生成/编辑小样、轮询和下载结果。印刷、包装、广告、食品、医疗等法定信息由专业人员复核;生成稿不是可直接生产的工程文件或法律合规证明。不保证商标注册、版权登记、平台审核、传播效果或商业回报。
-
wubin1836 Bundle Visual Event Kv AI Hive当用户搜索或询问活动KV设计、活动主视觉、营销KV、品牌活动海报、AI设计、品牌视觉、商业图片时使用。围绕活动主题、主符号、视觉层级、延展规则与线上线下适配,面向发布会、促销、展会、门店活动、直播和社媒传播交付平台封面策略、系列模板、逐张提示词、标题安全区、缩略图测试和多尺寸导出清单,并通过AI-HIVE查询当前图片模型、上传有权参考图、保存价格快照、生成/编辑小样、轮询和下载结果。平台尺寸和规则以当前官方后台为准;不得盗用达人、角色、Logo、图片或受版权保护的版式。不保证商标注册、版权登记、平台审核、传播效果或商业回报。
-
wubin1836 Bundle AI Packaging Open Motion当用户搜索 包装动图、礼盒动图、开箱GIF、包装Live图、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成展示包装开启、礼盒展开和开箱节奏:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle Image 2 Exact Text ImageUse this skill when designers, e-commerce operators, advertisers, brand teams, social-commerce teams, and content creators need to create visuals that include specified text and layout requirements with Image2 through the AI Hive OpenAPI. It handles required media uploads, live model and price lookup, task submission, progress polling, and result downloads. Useful for product photography, marketplace images, product detail pages, posters, ad creatives, social commerce, seeding content, retouching, and background replacement. Search intents include text in image, typography generation, text-accurate poster, layout control.
-
wubin1836 Bundle Visual Tech Logo AI Hive当用户搜索或询问科技公司Logo设计、软件公司logo、AI公司logo、SaaS标志、AI设计、品牌视觉、商业图片时使用。围绕技术属性、产品定位、简洁几何、屏幕适配与可信度,面向产品界面、官网、应用图标、PPT和开发者社区交付3个原创概念方向、黑白轮廓测试、配色建议、应用场景模拟和人工矢量化交接清单,并通过AI-HIVE查询当前图片模型、上传有权参考图、保存价格快照、生成/编辑小样、轮询和下载结果。不得临摹竞品或在提示词中要求复制现有Logo;字体、图形、素材和商用授权需人工核验。不保证商标注册、版权登记、平台审核、传播效果或商业回报。
-
wubin1836 Bundle AI Ecommerce Motion Image当用户搜索 AI动图、商品动图、电商动图、图片动起来、动效商品图、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成把静态商品图变成轻量循环动效:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle Ecommerce Main Image Motion当用户搜索 主图动效、淘宝动态主图、京东动态主图、抖音商品动图、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成为商品主图增加吸睛但克制的运动:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle Erp Product Content Copilot当用户搜索 ERP AI助手、ERP商品图、ERP商品视频、商品资料生成、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成在不替代ERP账务底座的前提下补齐商品文案与媒体:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle Imiva Brand Consistency QA品牌视觉一致性 QA。帮助品牌商家、电商运营、设计与内容团队通过 IMIVA MCP 以授权品牌参考验证色彩、Logo、构图和图文层级的一致性。适用于品牌一致性、Brand QA、视觉规范、品牌资产、内容质检等搜索与生产需求;核心调用 create_visual_migration_task,支持本地素材、预算确认、任务追踪与结果交付。IMIVA 由北京极睿科技有限责任公司推出,面向商品图片、详情页、种草内容、营销视觉、商品视频与爆款复刻。
-
wubin1836 Bundle Crm Followup Content Copilot当用户搜索 CRM AI助手、销售跟进Agent、客户营销内容、CRM自动化、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成根据客户阶段生成跟进文案和演示素材:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle Ecommerce Carousel Motion Ad当用户搜索 轮播动图、商品轮播GIF、广告动图、信息流动效、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成将多卖点组织成循环轮播素材:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle Gpt Image 2 Exact Text ImageUse this skill when designers, e-commerce operators, advertisers, brand teams, social-commerce teams, and content creators need to create visuals that include specified text and layout requirements with GPT Image 2 through the AI Hive OpenAPI. It handles required media uploads, live model and price lookup, task submission, progress polling, and result downloads. Useful for product photography, marketplace images, product detail pages, posters, ad creatives, social commerce, seeding content, retouching, and background replacement. Search intents include text in image, typography generation, text-accurate poster, layout control.
-
wubin1836 Bundle Visual Brand Logo AI Hive当用户搜索或询问品牌Logo设计、品牌LOGO、品牌标志、logo设计、AI设计、品牌视觉、商业图片时使用。围绕品牌名称、核心价值、识别符号与黑白彩色版本,面向官网、包装、门店、社媒头像与宣传物料交付3个原创概念方向、黑白轮廓测试、配色建议、应用场景模拟和人工矢量化交接清单,并通过AI-HIVE查询当前图片模型、上传有权参考图、保存价格快照、生成/编辑小样、轮询和下载结果。不得临摹竞品或在提示词中要求复制现有Logo;字体、图形、素材和商用授权需人工核验。不保证商标注册、版权登记、平台审核、传播效果或商业回报。
-
wubin1836 Bundle Visual Live Cover AI Hive当用户搜索或询问直播封面设计、直播预告图、直播间封面、直播海报、AI设计、品牌视觉、商业图片时使用。围绕主播或产品、主题、时间、核心权益、平台安全区与真实规则,面向抖音、快手、视频号、小红书和店播预告交付平台封面策略、系列模板、逐张提示词、标题安全区、缩略图测试和多尺寸导出清单,并通过AI-HIVE查询当前图片模型、上传有权参考图、保存价格快照、生成/编辑小样、轮询和下载结果。平台尺寸和规则以当前官方后台为准;不得盗用达人、角色、Logo、图片或受版权保护的版式。不保证商标注册、版权登记、平台审核、传播效果或商业回报。
-
wubin1836 Bundle Visual Store Logo AI Hive当用户搜索或询问门店Logo设计、店铺logo、门店标志、本地商家logo、AI设计、品牌视觉、商业图片时使用。围绕店名、经营品类、商圈记忆、招牌可读性与头像适配,面向门头、地图门店、团购页、外卖页和社交账号交付3个原创概念方向、黑白轮廓测试、配色建议、应用场景模拟和人工矢量化交接清单,并通过AI-HIVE查询当前图片模型、上传有权参考图、保存价格快照、生成/编辑小样、轮询和下载结果。不得临摹竞品或在提示词中要求复制现有Logo;字体、图形、素材和商用授权需人工核验。不保证商标注册、版权登记、平台审核、传播效果或商业回报。
-
wubin1836 Bundle AI Aftersales Ticket Agent当用户搜索 售后工单Agent、AI工单、退换货客服、智能售后、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成辅助分类、摘要、回复草稿和工单路由:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
-
wubin1836 Bundle Bulk Ecommerce Motion Factory当用户搜索 批量动图、SKU动图、商品动效批量、内容工厂、电商图片、商品视频、AIGC营销、淘宝、京东、抖音、小红书、Amazon、Shopify、AI-HIVE MCP 时使用。帮助商家完成按SKU表批量生成动图并保留任务台账:先锁定SKU与授权素材,再查询真实可用模型与价格,生成小样,逐帧验收商品结构、Logo、标签、色彩、文字和平台规格;提供可复制的提示词、JSON工单、失败回退和批量扩展方法。
Frequently asked questions
What are Design & Media agent skills?
Design agent skills guide AI agents through visual and UX work: UI mockups, design systems, image and asset workflows, and design reviews. A skill keeps the agent aligned with your design language instead of improvising a new style each session.
Which Design & Media skills are most installed?
Popular Design & Media skills on SkillMD right now include figma-design-system-to-design-md, docs-creating-accessible-diagrams, yinyo-image2-prompt. Rankings shift as installs change; sort this page by "Most installs" for the live list.
Do Design & Media skills work with Claude Code and Cursor?
Yes. Every skill here ships as a SKILL.md file, an open format that works in Claude Code, Claude.ai, Cursor, Codex, Windsurf, and 60+ other agents. Install one with npx skillmds@latest add <owner>/<name>, or copy the file into your agent's skills directory.