design-foundations
面向多种视觉输出的通用设计规范技能，适用于 CSS、PPT、matplotlib、PDF 等任意视觉产物，提供配色、字体、排版、数据可视化与主题目录等原则性指导。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-05 00:16
设计与创作
22,051 个结果
kortix-voice
Kortix 品牌语气与界面文案规则技能，用于在 apps/web 中编写或修改面向用户的文字，如 UI 标签、按钮、空状态和引导流程。核心原则是默认使用通俗语言，技术细节按需展开。
logo-creator
logo-creator 是 kortix-ai/suna 中的标志设计技能，通过研究、AI 生成符号、真实字体排版、视觉检查与迭代，产出专业级 logo、图标、favicon 与品牌标记。
visual-product-search
通过图片在中国电商平台（淘宝、AliExpress）搜索相似商品，并可用 Gemini Vision 分析图片提取商品名称、品类、建议搜索词和价格估算。属于 MCP 服务，需配置相关 API 密钥使用。
brandkit
brandkit 是一个面向高端品牌视觉产出的图像生成技能，用于生成品牌规范板、标志系统、身份演示和视觉世界呈现。它强调克制、战略性与演示级完成度，默认输出 3×3 或 2×3 的品牌总览图。
docx-toolkit
基于 python-docx 的技能，用于创建、读取和编辑 Microsoft Word（.docx）文档，可添加标题、段落、样式化文本、表格、图片和分页符，并提取现有文档的文本与表格。
high-end-visual-design
一个面向 AI 的高端视觉设计技能，指导生成 Awwwards 级、代理公司水准的网页界面。它规定字体、间距、阴影、卡片结构与动效规范，强调双层面板、嵌套按钮、自定义缓动曲线与滚动入场动画，并给出性能与移动端降级约束。
image-to-code
面向 Codex 的网站图像转代码技能：先自行生成设计图，再深度分析，最后实现前端。适用于 hero、落地页、营销站等注重视觉质量的任务。
imagegen-frontend-mobile
面向移动应用的图像生成技能，用于产出高端、原生感强、可读性高的 App 界面概念图与多屏流程。覆盖 iOS、Android 与跨平台，仅生成图片，不写代码。
pptx-toolkit
基于 python-pptx 的技能，用于创建、读取和编辑 PowerPoint（.pptx）演示文稿，可添加幻灯片、标题、项目符号文本、图片、表格和演讲者备注，也能从现有文件中提取文本与备注。
redesign-existing-projects
用于把现有网站或应用升级为高端视觉质量的技能：先扫描代码库识别框架与样式方案，再按设计审计清单诊断通用 AI 风格问题，最后在原有技术栈上做针对性改进，而非重写。
stitch-design-taste
面向 Google Stitch 的语义化设计系统技能，生成供 AI 智能体使用的 DESIGN.md，用自然语言规则加精确数值约束排版、配色、组件与动效，产出高质感、非模板化的 UI。
trim
trim 是一个用于精简散文类文档（README、设计文档、博客、笔记）的 AI 技能，通过删除冗余、填充和赘余内容提升可读性，保留作者原话，不做摘要也不改写风格。
brand-design
该技能为品牌视觉判断提供指导，用于新资产制作或对现有资产进行重样式化。核心包括概念门槛（确保设计有真实或具体概念）、从品牌包中选择底色、强调色和字体，以及在重样式化时保留原参考的可编辑信息。适用于静态图、幻灯片、图表、缩略图和动态帧等所有视觉输出。强调品牌事实必须来自品牌包而非记忆，并提供交付前的令牌、文案和像素检查方法。
content-brief
将模糊或多资产的设计需求转化为明确的设计简报。先收集已知信息，最多提出两个带理由的问题，其余部分做出决定并说明；输出 BRIEF.md 和简短回复，再路由到制作技能。
design-wiki
Design wiki 是一份面向视觉设计的共享设计准则，用于评估静帧、幻灯片、图表或影片画面的“好”与“为什么好”。它涵盖层级与布局、字体排印、色彩、各平台尺寸规格、图表与图示原则，以及评审评分标准。该 wiki 是制作类技能（静帧、数据可视化、缩略图、故事板、动态指导）共同依赖的准则，品牌事实则来自品牌包（/workspace/brand/），品牌规则优先于默认值。
film-breakdown
film-breakdown 是一套基于 Node 与 ffmpeg 的影片拆解工具，用于把影片量化为数据，并逐帧比对复刻效果。它包含四个脚本：breakdown.mjs 提取剪辑点、联系表、静帧、运动能量、声轨、草案镜头表与时间线；grab.mjs 抓取帧精确静帧；analyze-audio.mjs 将声轨或音乐转为节拍网格、击打点与响度；compare.mjs 在每次修改后把复刻版本与参考片逐帧对比。适用于复刻参考视频、借鉴节奏与版式逻辑、用数据解释作品为何成立、对齐配乐节拍等场景。产出包括 breakdown.json 数值结果、多级审阅图、SHOTLIST.draft.md 镜头表草案与 timeline.draft.js 时间线草案，对比阶段输出配对图、带时间码的并排视频及含运动能量相关性的 compare.json。使用时需注意参考片为他人作品，只可研究，不得直接使用其画面、素材或文案。
image-ops
image-ops 是 langchain-ai/design-agent 中的一个命令行图像处理技能，基于 sharp 对已有图片执行确定性的像素操作，把 Photoshop 图像菜单里的常见操作改用代码完成，例如缩放、裁剪、旋转、着色、裁边、压平、留白和混合合成。它通过一个 CLI 按从左到右的顺序依次施加操作；颜色既可用 #rrggbb，也可引用品牌包中的品牌色令牌，让着色或留白自动保持品牌一致。适合为链接卡片生成头图、给照片叠加标记、批量调色，以及处理透明度和画布扩展等场景。
reference-study
reference-study 是一个用于“参考片研究”的方法型技能，而非代码库。它接收用户提供的影片，对其进行逐帧测量与拆解，写出一份带时间戳和帧号证据的拆解文档，并以提案形式提出可迁移的观察结论或技能修改建议，最终由人决定是否采纳。研究本身不产出可直接发布的成品，也不得把他人的画面、音频或文案用于制作。
stills
Stills 是 langchain-ai/design-agent 中的一项技能，用于生成符合品牌规范的静态图片，例如多种尺寸的广告与横幅、社交图片、轮播图以及分页 PDF。每张静态图都是一个 HTML 页面，页面中的每个元素都是可移动、可重新设计样式或替换的图层。它通过真实浏览器（Chrome）渲染，由品牌包（brand pack）提供样式，并且每个尺寸都是独立布局，而不是缩放副本。该技能提供 html2png.mjs 和 html2pdf.mjs 两个命令行工具，分别用于将 HTML 渲染为 PNG/JPEG/WebP 图片和分页 PDF，并支持指定尺寸、格式、质量、缩放以及必需字体等参数。
storyboard
Storyboard 是 langchain-ai/design-agent 中的分镜规划技能，用于在影片或动画正式制作前完成前期把关。它从核心信息与论证入手，整理 beat sheet（节拍表）和 handoff sheet（交接表），并在品牌规范下用真实 HTML 生成姿态帧，把所有姿态帧汇总到一张 contact sheet 上供确认。技能强调单位是“变化”，而不是“幻灯片”。每个节拍需有意图和可观察结果，并包含两种或三种关键时刻的姿态帧。它还会记录每条断言的来源，校验结尾卡片的链接，并按品牌令牌和标识生成分镜，从而降低后期返工成本。
visual-verify
visual-verify 是一个面向设计交付前的“视觉自检”技能：先用缩略图或拼图工具查看自己的渲染结果，再判断是否满足需求并修复问题。它配套 review-thumb.mjs 生成不超过 1600 像素的 .thumb.jpg 缩略图，或把多张图拼成一张 sheet 一次性查看；支持按具体问题审阅画面，例如标题是否最先被读到、文字是否被裁切。对于换肤、重做、清理或缩放类任务，强调把源图与输出并排拼图检查，避免出现未请求的新增、删除或含义变化；违反约定（源内容缺失或被改动、凭空生成的文案或标记、跳过明确反馈、尺寸错误、连接关系错误、官方素材被改动）属于硬性停止，需要修复输入或渲染器后重新渲染。像素级修复需裁出前后同一区域并放大对比，避免全图缩放掩盖细小接缝。视频方面建议用影格或关键帧拼图检查，包含标题卡与结尾卡，并逐段检查转场。该技能还列出确定性门禁无法测量、但人眼一望即知的缺陷清单，例如乱码或伪造文字与标志、抠图白边或光晕、标识被卡片裁切、箭头落点错误、标识符被错误转义、标记与背景同色、通用节点或网络壁纸、出现需求未提供的多余文字等。适用于设计代理交付前的视觉审阅、换肤对比、局部像素修复验证与视频分镜检查。具体安装方式、依赖环境与收费信息暂未提供。
design-color
Design-Color 是一个专注主题与配色设计的 skill，按 Web、原生 App、CLI、TUI 等媒介落地色板，覆盖品牌色阶、暗模式、对比度与色盲安全等决策，并强调先出三个差异化方向初稿再定稿。
design-uiux
UI/UX 与布局设计技能，负责界面布局、结构、导航、组件、交互与栅格等设计决策，按媒介路由 HTML/Web、原生 App、CLI、TUI。不适用需后端的动态系统，配色与主题走姊妹 skill。