SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-04 00:13
21,961 个结果
该技能提供 Apple 人机界面指南（HIG）中关于状态与进度类 UI 组件的设计指导，涵盖进度指示器、状态栏和活动圆环。适用于需要设计或评审进度条、加载指示器、iOS/iPadOS 状态栏以及 watchOS 活动圆环的场景。技能强调：超过一两秒的操作应显示进度；时长或百分比已知时使用确定性进度条，未知时使用不确定性指示器；优先使用进度条而非旋转指示器；指示器应就近放置在内容出现的位置，避免堆叠多个指示器；状态栏不应无故隐藏，样式需与内容匹配并尊重安全区域；活动圆环仅用于 Move、Exercise、Stand 目标，遵循红绿蓝配色约定，并通过 HealthKit 获取数据。技能会先检查 .claude/apple-design-context.md 以复用已有上下文，输出包含指示器类型建议、时序与动画指导、无障碍支持以及各平台行为差异。
面向 Apple 人机界面指南（HIG）设计基础的中文技能，覆盖无障碍、色彩、深色模式、图标、SF Symbols、图像、布局、材质、动效、隐私、本地化与排版等主题，供在 SwiftUI/UIKit/AppKit 开发中查询与应用 Apple 设计规范。
面向 Apple 各平台设计的技能，依据 Apple 人机界面指南（HIG）给出 iOS、iPadOS、macOS、tvOS、visionOS、watchOS 与游戏的平台化设计建议，强调适配而非照搬，含决策框架与输出格式。
用于创建或更新 .claude/apple-design-context.md 共享上下文文档的 Apple HIG 辅助技能，供其他 HIG 技能读取以跳过重复提问，聚焦未覆盖的信息。
该技能用于在已确定时间函数之后，审查动画的分组与焦点安排（staging），检查按下反馈、形变、错峰与焦点。它把每条检查组织成“坏例与替换写法”的对照，并给出精确数值：按下缩放为0.98，挤压拉伸保持在0.95至1.05之间，逐项错峰控制在50ms以内（如staggerChildren: 0.03），同一时间只让一个元素突出，遮罩层需压暗背景，浮层需处理层叠顺序。报告按文件与行号列出规则编号和问题，汇总表包含规则、数量与严重级别；存在HIGH级问题则阻止通过，否则批准，未读取的文件不得批准，未验证项需标注为“未验证”。曲线、300ms上限和右键菜单入场属于时间函数技能，退出挂载属于退出动画技能。
design-harness 是一个智能体技能，用于把零散的研究资料与想法整理成可追溯的系统设计。它用 Markdown 卡片记录来源、想法与产出，通过证据链接保持溯源，并可生成可视化画布展示工作区。
用于将URL、文章、笔记或视频转录等研究素材，改写为符合Knox Hub风格的SEO与GEO优化博客文章，并直接产出可直接粘贴进编辑器的标题、摘要、SEO字段、FAQ结构、标签及Markdown正文。
comic-creator 是一个漫画全流程制作流水线技能，由多个智能体协作完成分镜、对白、图像生成与编辑，支持四格、短篇、长篇（按章节）和条漫等格式。
Course Builder 是一个在线课程全流程生产管线，通过由五个智能体组成的团队一次性协作产出课程大纲、教案、测验和动手实验。适用于为特定主题和目标学习者设计完整在线课程，或按需仅生成其中某一部分。
blur 是一个基于 WebGL（Three.js + 自定义 GLSL 着色器）的图片切换技能，用于在全屏 canvas 上以“zoom blur”（向中心收敛的径向模糊）效果在多张图片之间过渡。切换时，离场图片逐渐模糊并汇聚向中心，入场图片逐渐清晰，适合 hero 区或图片幻灯片，效果比普通淡入淡出更具质感。支持鼠标滚轮滚动、点击屏幕上下半区、方向键进行导航，模糊中心点（uCenter）会跟随鼠标位置每帧插值，产生“眼睛追随光标”的效果。该技能会向目标项目写入 blur.html、blur.css、blur.js 并适配图片数组与过渡速度。属于 GPU 密集型效果，着色器每帧在整个视口上运行，不建议同一页面多个实例同时使用，使用前应在弱机/移动端测试。已知技术债：blur.js 通过 CDN 引入来自他人 CodePen 的 useThree 辅助片段，并运行时从 unpkg 加载 three；gsap 被 initScene() 使用但未在文件中 import，需页面已加载全局 gsap。投入生产/交付客户前需自行 vendor 化第三方依赖。验证依赖 playwright-verify，截图对比滚动前后并检查 console。
brandkit 是一个高级品牌套件图像生成技能，用于创作高端品牌规范板、标志系统、品牌识别演示板和视觉世界展示。该技能定位为资深品牌识别艺术指导、标志设计师、视觉系统策略师和演示设计师，目标是生成看起来像来自专业品牌工作室的高级品牌套件图像。输出强调有意图、高级、极简、连贯、策略性和视觉昂贵感，避免生成通用标志、随意样机或混乱的 AI 情绪板，而是在单张图像中构建完整的品牌世界。技能内置了参考风格基因、品牌策略优先、标志生成标准、标志概念方法、版面构成 DNA、默认 3×3 面板系统、2×3 参考风格布局、多种视觉模式、高级细节语言、文本规则、标语风格、图像方向、样机方向、色彩纪律、反通用规则等丰富规范。使用时需先推断品牌策略，再据此生成图像；若用户提供参考，应匹配其质量和节奏而非复制内容。任务完成后按规范撰写 wiki 提案草稿并更新索引与日志。
design-prim 是一个用于项目接手时清理 UI/UX 低质风格（slop）的技能，先截取现状图，再由 hallmark 重新设计并生成新设计系统，最后用三层检测与修补迭代，直到通过或最多两轮。
diagram 是一个以确定性代码绘图、不让模型自行编造图形的技能：模型只填写带 schema 的申报表，由代码生成示意图与图表，并自动校验布局；未通过则保留上一版并指出错误。
extract-site 用于把公开网站或文档站提取并转换为干净的 Markdown；资料同时描述它可从公开网站抽取设计系统（颜色、字体、间距、圆角、阴影、组件与状态），并生成 DESIGN.md、preview.html、tokens.json、variables.css、theme.css，或在设计令牌格式之间转换。
一个教 AI 按高端设计机构标准产出 UI 的 Agent Skill，规定字体、间距、阴影、卡片结构与动效规范，并给出反模式清单、布局变体、微交互与性能约束，以及输出后的 wiki 报告流程。
面向 Codex 的网站图像优先转代码技能：先自行生成设计参考图并深度分析，再实现前端，避免通用化、不可提取的 AI 网站默认样式。
面向移动应用的图像生成技能，用于产出高级、原生的应用界面概念与流程画面，覆盖 iOS、Android 及跨平台移动端。仅生成图像，不涉及代码实现。
一个基于 Three.js 的 N×N 图片网格技能，通过坐标取模（coordinate-wrapping）实现任意方向的无限拖拽或滚轮浏览。网格与相机固定，仅累加虚拟偏移并重算瓦片位置，不新增/销毁 mesh，适合作品集、图库与海报墙等场景。
mask-reveal-transition 是一个纯 HTML/CSS/JS 效果技能，用 CSS mask-image 径向渐变实现图片随滚动或面板切换而“墨迹蔓延”式揭示，包含 blob 滚动进度与 sticky 分屏两种变体。
qc-uiux 是一个 UI/UX 高级审查技能，对指定路由或界面从无障碍、视觉层级、一致性、反模式四个方面各打出 10 分制评分，指出最严重问题并给出修复建议，最后给出 PASS 或需修复的咨询性结论，主要用于提交 UI 改动前的复核。
面向现有网站与应用的高端重设计技能：先扫描代码库、诊断通用 AI 设计痕迹，再在不更换技术栈的前提下做定向升级（排版、配色、布局、交互状态、内容与组件模式等），最后输出一份提案草稿。
面向 Google Stitch 的语义化设计系统技能，生成便于 AI 理解的 DESIGN.md 文件，用自然语言规则加精确数值约束界面风格，避免千篇一律的 AI 设计：包括配色、字体、组件行为、布局、动效与禁用清单。需可访问 Google Stitch，可选用 Stitch MCP 集成。
svg-stroke-reveal 是一个原生 HTML/CSS/JS 技能，让 SVG 中的 <path> 线条像被手绘一样逐渐显现，可随页面滚动进度连续绘制，也可在进入视口时一次性完成。不依赖任何外部动画库。
ui-kit-from-code 是一个从项目现有代码或线上网站提取真实设计系统的技能，把颜色 token、尺寸阶梯与组件整理成单文件 HTML 参考页，供设计、开发或 agent 像使用 Figma UI kit 一样查询、切换主题并复制 token 或标记。