SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

找到适合任务的 Agent Skill，阅读介绍并复制安装命令。

更新于 11-05 00:16

设计与创作

22,051 个结果

ui-ux-design-principles

ui-ux-design-principles 是一套面向用户体验决策的工程规范，与 software-design-principles（代码层）和 architectural-design-principles（系统层）并列为设计原则三部曲的第三部，聚焦产品的外观、行为与导航方式，并强调可测试性。该规范以 Markdown 形式提供，不含脚本，属于被查阅而非被调用的文档。它要求每条规则都指向其执行方式，例如 E2E/Playwright 层、针对 design-guide.json 的设计一致性检查以及无障碍（a11y）检查；没有测试守护的规则仅为建议，有检查守护的规则才属于构建的一部分。规范包含一份强制的 UX 评审清单，覆盖反馈、无障碍、视觉层级、一致性、信息架构、可测试接缝、加载/延迟等属性，并给出对应的执行手段。此外还提供可用性启发式、视觉层级、无障碍、交互与反馈、信息架构、设计系统与令牌、可测试 UI 等参考主题，以及若干硬性规则，如禁止静默失败、无障碍非可选、一致性优先于新颖性、信息架构先于像素、UI 构造即可测试、渐进式披露等。

设计与创作3 次安装

app-icon

app-icon 是一个用于 Windows 应用的图标技能/工作流：以单个 SVG（Icon/AppIcon.svg）作为唯一图标源，通过 tools/make-icon.ps1 渲染为多尺寸 AppIcon.ico（16、20、24、32、40、48、64、256 px）和 256 px 的 AppIcon.png，并生成评审图以便在浅色与深色任务栏、开始菜单背景及放大后的小尺寸像素下检查效果。该 .ico 用作 exe 图标（Explorer、开始菜单、任务栏固定项）和窗口图标，.png 用于标题栏控件。它还支持为 16/20/24/32 px 单独手绘小尺寸 SVG，并按微软图标设计指南（单一隐喻、无文字、正视、简单形状、扁平分层、透明背景等）进行检查与迭代。

设计与创作3 次安装

clone

clone 是一个用于系统梳理现有应用界面与交互的技能：它在 Claude 桌面应用中借助 computer use 操作用户可见的 Windows 原生应用或 Electron 应用，或用浏览器工具操作网页应用；通过逐屏截图与记录，为每个默认页、导航项、视图模式、详情页、创建流程、右键菜单、菜单栏与设置页生成全分辨率截图文件，并输出 docs/screens/INDEX.md 屏幕索引与 docs/STORIES.md 用户故事列表。技能强调隐私约定、只读查看、不擅自修改数据，且需使用专门脚本裁剪出应用窗口截图。

设计与创作3 次安装

design-from-app

design-from-app 是一个用于从参考应用截图中测量并重建设计系统的技能。它面向 WinUI 3，通过两个 PowerShell 脚本测量截图中的尺寸、位置、文字高度和颜色，并与自建界面进行像素级对比。最终产出是一套带实测数值的设计工具包（design-kit）和一个与参考截图匹配的参考屏幕。该技能强调“测量而非猜测”，要求所有设计令牌和部件尺寸都有来自命令的数值支撑，适用于需要精确复刻某个应用外观的场景。

设计与创作3 次安装

design-kit

design-kit 是面向 WinUI 3 应用的自定义设计系统技能，用于构建属于应用自身、而非沿用 WinUI 默认 Fluent 外观的界面部件。它把设计规范、三层设计令牌、字体样式、图标集与各类控件部件组织在 src/<App>/DesignKit/ 下，并提供覆盖所有部件与状态的画廊页面。该技能适用于需要更换按钮、复选框、列表行、图标等部件本身的场景；若只需调整强调色，资料指出应使用 design-system 技能。

设计与创作3 次安装

design-system

design-system 是面向 Windows 应用（WinUI）的设计系统技能：用少量代码 Token 加一份 design/DESIGN-SYSTEM.md 规范，约定每个界面只使用 Token 而非原始数值，从而一处修改全局生效，并让智能体可依据单一文档审查界面。它覆盖强调色选择、系统与品牌强调色派生、设置页外观选项、间距、表面画刷、圆角、布局、动效、样式与浮层构建器，并要求画刷适配浅色、深色与高对比主题。

设计与创作3 次安装

ux-design

这是一个面向 Windows 应用单个功能的 UX 设计流程技能，重点在写代码之前先确定命名、流程、界面承载方式与文案。它要求逐个故事（story）运行，输出文档中的 UX: 区块与术语表，并可按快照审查已实现界面。内容覆盖命名与术语统一、入口与流程绘制、界面类型选择（内联、浮出、教学提示、对话框、窗口、托盘等）、状态设计、文案规范、工具提示与无障碍检查。

设计与创作3 次安装

windows-design

这是一套面向 WinUI 3 的设计规则，用于让应用的外观与操作体验接近原生 Windows 11：以 Fluent 设计原则为基础，涵盖 Mica 材质、标题栏与 NavigationView 导航、CommandBar 与菜单、键盘快捷键、配色与字体、深色与高对比度主题、空状态、动效以及自检清单。资料还给出使用方式：先阅读 design-rules.md、patterns.md、settings.md、commands.md 等文档；需要时再调用 design-system、ux-design、layout-grid、design-kit 等 Skill；最后用浅色与深色截图逐项核对规则。

设计与创作3 次安装

team-headshot-consistency

Team Headshot Consistency 是一个用于统一网站团队页或关于页照片风格的 AI 技能。它会在本地扫描头像文件夹，找出宽高比、亮度、色彩、背景等与团队中位数不一致的照片，并给出需要修复的照片清单；同时整理一份可执行的团队照片规范，说明宽高比、导出尺寸、头部位置、背景、光线、着装、表情、命名和格式要求。在用户同意后，它可将照片按统一裁剪和尺寸导出到新文件夹，不覆盖原图，并提供页面引用路径的修改建议。该技能以仅测量像素的方式为主，不检测人脸，因此需结合人工查看或用户确认来发现构图问题，例如头部大小、视线、裁切、戴墨镜等。标准化只能修正尺寸和裁剪，无法修正光线、色彩和背景差异，这些照片仍需重拍或替换。

设计与创作3 次安装

veida-image

Veida Image 是一个通过文本提示词生成图片的技能，使用 Veida（veida.ai）的免费匿名层，无需 API 密钥、无需账号、无需付费。它把提示词提交到 veida.ai，返回一个托管在公共 CDN 上的图片 URL。每次生成使用一个自拟的 x-anon-id 作为计量标识，一个 id 对应一张免费图片。免费图片带有小水印。当当日免费额度用尽时，接口会返回 wall 标记而非任务 id，此时应停止而非绕过。提示词会离开本机发送到 veida.ai，图片通过公开 URL 提供，因此不应在提示词中放入隐私或个人信息。

设计与创作3 次安装