moai-workflow-design-context
从 .moai/design/ 加载人工撰写的设计简报（spec、system、research、pencil-plan），按优先级合并为受 token 上限约束的上下文块，注入 /moai design 工作流，供 expert-frontend 或品牌设计子代理使用。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-05 00:16
设计与创作
22,047 个结果
moai-workflow-design-import
moai-workflow-design-import 是 MoAI ADK 中处理 /moai design 设计产物导入的技能，负责三条路径路由：Path A 导入 Claude Design 交接包（ZIP/HTML），Path B1 通过 meta-harness 生成 Figma 提取器，Path B2 生成 Pencil MCP 技能，最终产出经 DTCG 校验的设计令牌供前端使用。
design-logo
design-logo 是 moai-cowork 中的品牌一致型 Logo 生成技能：先读取项目设计令牌与品牌声音，选择合适 Logo 类型并转为提示词约束，再委托生成并做可缩放性、单色变形、调色板一致性等校验。
gpt-image-2-prompt
用于 OpenAI GPT-image-2 的图像提示词文本构建技能。把用户一句话需求经预置选项与微调问答，整理为符合 6-Block 结构的英文提示词，并同时输出 Gemini 3 Pro Image 与 Midjourney v8.1 版本，仅产出提示词文本，不直接生成图片。
sokra-mode
sokra-mode 是面向 module-federation/core 仓库的 Codex 技能，用于在插件架构、运行时、缓存与代码评审中应用 sokra 的 webpack 设计规范。当用户要求 sokra 模式或相关评审时启用。
announcement-card
用于撰写适合以图片或社交卡片形式分享的简短公告，适用于发布、里程碑、新功能、招聘、融资或成果等场景。
brand-guidelines
从网站、演示文稿、Logo 等现有品牌资料中提取可执行的品牌规范工具包，包含颜色角色与十六进制值、字体、间距、Logo 规则、语气规则及应做/不应做示例；也可将既有文档、演示、页面按指定工具包整体改写，保持品牌一致。
creator-deal-decoder
Creator Deal Decoder 是一个用于在签署品牌合作或 UGC 合同前解读条款的技能，按 🔴🟡🟢 标注使用授权、独家期、白名单投放、付款条件与终止条款的风险，并给出金额测算和可发送的反报价邮件。
voice-agent-design
用于设计电话或应用内语音 AI 智能体的技能：规划通话流程、打断处理、转人工规则与上线指标，强调语音媒介的回合、修复与延迟约束。
edits-hook-overlay
这是一个用于在大量视频上叠加 Instagram 原生文字钩子（Edits 应用自带字体、圆角框与样式）的技能包，无需逐个在 Edits 中打开视频。它先在手机上用 6 秒黑白双底板模板渲染文字，再通过差分遮罩提取透明叠加层，最后批量烧录到视频中，支持 HDR（HLG）素材保持原样。需要 iPhone + Edits、WebDriverAgent、pymobiledevice3、ffmpeg 与 Python（numpy、Pillow）。
pixel-diff
pixel-diff 是一款像素级图像比对工具，可对两张截图做逐像素比较并生成差异可视化图，用于比对 Figma 设计稿与网页截图、检测 CSS 变更引起的视觉回归、追踪前后版本 UI 变化。
web-design-guidelines
该技能用于审查 UI 代码是否符合 Web Interface Guidelines（Web 界面指南）。当用户提出「review my UI」「check accessibility」「audit design」「review UX」「check my site」等请求时使用。其工作方式为：先从指定源 URL 获取最新版指南，再读取用户指定的文件（或询问文件/匹配模式），随后对照获取到的全部规则逐条检查，最后以简洁的 file:line 格式输出发现的问题。指南源为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md，每次审查前都会重新抓取，以确保使用最新规则，抓取内容包含全部规则及输出格式说明。使用时，若用户提供了文件或匹配模式参数，则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果；若未指定文件，则询问用户需要审查哪些文件。
remotion-server
基于 Remotion v4 的无头视频渲染技能，可在任意 Linux 服务器、VPS、树莓派、CI 或 Docker 中从代码生成视频，支持本地 CLI、Lambda、Vercel、Cloud Run 与 EC2 GPU 五种渲染方式，并提供社媒尺寸预设、模板、音效与图形组件。
gfonts
gfonts 是一个用于在终端搜索、浏览和下载 Google Fonts 的 CLI 工具，来自 mvanhorn/printing-press-library。它无需 API 密钥，适合查询字体信息、获取字体推荐或下载字体文件的场景。
figma-use
figma-use 是一套面向 Figma Plugin API 的技能规范，要求在使用 use_figma 工具前先加载本技能，以了解 API 规则、页面规则与增量工作流。它本身不提供独立服务，而是约束和引导在 Figma 设计文件中执行 JavaScript 的方式。
create-mermaid-diagrams
用于创建、修改、转换或校验 Mermaid 图表的技能，支持流程图、序列图、ER 图、类图、状态图、甘特图等，并可选输出 SVG 供文档或幻灯片使用。
design-slide-colors
用于设计、调整、生成或验证幻灯片配色系统与语义色板，支持品牌色整合、角色划分和对比度证据。基于七角色语义系统，提供工作流、策略、输出模板、候选色板及生成与对比度计算脚本。
spec-authoring
用于在开发前编写规格说明的技能：按需求、设计、任务顺序记录，并保持三者可追溯。适用于 iOS 与 Android 的 React Native 0.76+ 非平凡功能开发。
after-effects
面向 Adobe After Effects 的自动化技能：生成 ExtendScript（.jsx）并通过 osascript 执行，用于创建、修改或查询项目中的图层、关键帧、表达式、合成、素材与渲染队列，附带查询脚本、规则文件与多种内置批处理动作。
ai-video-generation
通过 inference.sh CLI 调用 Google Veo、Seedance、Wan、Grok 等 40 多个模型生成 AI 视频，涵盖文生视频、图生视频、数字人唇形同步及视频后期工具。
canvas-design
Canvas Design 是一个用于创建 .png 和 .pdf 格式视觉艺术与设计作品的技能，专注于运用设计原则、色彩理论、排版和构图来产出专业品质的静态视觉作品。它适用于用户要求制作海报、传单、艺术插画、标志图标、品牌元素、信息图、数据可视化、演示幻灯片或营销物料等场景，也响应用户提出的“设计”“艺术”“海报”“视觉”“图形”等需求。该技能强调始终创作原创作品，不复制现有艺术家的作品。其核心能力涵盖设计原则（平衡、对比、层级、对齐、重复、邻近、留白）、色彩理论（配色方案、色彩心理学、60-30-10 法则、可访问性对比度）、排版（字体类别、层级、间距与对齐）、构图技法（三分法、黄金比例、焦点、视觉流、框架、层次、对称与不对称）以及完整的设计工作流（理解需求、概念开发、布局设计、视觉执行、精修）。资料还提供了海报、标志、信息图等设计模式，极简、醒目、优雅、活泼、企业等风格指南，PNG/PDF 技术规格与画布尺寸，最佳实践、反模式、示例和质量检查清单。
game-engineering-team
面向游戏工程的多学科“工程委员会”技能，按 AAA 级标准组织游戏系统、UI/UX、数据与基础设施、质量与集成等角色，用于实现游戏系统、编写游戏代码与设计数据架构。
wireframe-greybox
wireframe-greybox 是一个用于生成低保真灰盒线框图的技能：以中性灰色块、lorem 文本条、带对角 X 的图片占位框表达页面结构，仅用单一红色标注色配合等宽字体注释，输出单文件 HTML。
aeo
用于检查并提升品牌在 AI 搜索引擎（ChatGPT、Perplexity、Gemini、Grok、Claude、DeepSeek）中可见性的 AEO 技能，通过 npx goose-aeo@latest CLI 完成配置、查询生成、跑分分析、网站审计与改进建议。