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

Skill 广场

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

更新于 11-05 00:16

设计与创作

21,997 个结果

hig-components-status

该技能提供 Apple 人机界面指南（HIG）中关于状态与进度类 UI 组件的设计指导，涵盖进度指示器、状态栏和活动圆环。适用于需要设计或评审进度条、加载指示器、iOS/iPadOS 状态栏以及 watchOS 活动圆环的场景。技能强调：超过一两秒的操作应显示进度；时长或百分比已知时使用确定性进度条，未知时使用不确定性指示器；优先使用进度条而非旋转指示器；指示器应就近放置在内容出现的位置，避免堆叠多个指示器；状态栏不应无故隐藏，样式需与内容匹配并尊重安全区域；活动圆环仅用于 Move、Exercise、Stand 目标，遵循红绿蓝配色约定，并通过 HealthKit 获取数据。技能会先检查 .claude/apple-design-context.md 以复用已有上下文，输出包含指示器类型建议、时序与动画指导、无障碍支持以及各平台行为差异。

设计与创作10 次安装

animation-principles

该技能用于在已确定时间函数之后，审查动画的分组与焦点安排（staging），检查按下反馈、形变、错峰与焦点。它把每条检查组织成“坏例与替换写法”的对照，并给出精确数值：按下缩放为0.98，挤压拉伸保持在0.95至1.05之间，逐项错峰控制在50ms以内（如staggerChildren: 0.03），同一时间只让一个元素突出，遮罩层需压暗背景，浮层需处理层叠顺序。报告按文件与行号列出规则编号和问题，汇总表包含规则、数量与严重级别；存在HIGH级问题则阻止通过，否则批准，未读取的文件不得批准，未验证项需标注为“未验证”。曲线、300ms上限和右键菜单入场属于时间函数技能，退出挂载属于退出动画技能。

设计与创作10 次安装

blur

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。

设计与创作10 次安装

brandkit

brandkit 是一个高级品牌套件图像生成技能，用于创作高端品牌规范板、标志系统、品牌识别演示板和视觉世界展示。该技能定位为资深品牌识别艺术指导、标志设计师、视觉系统策略师和演示设计师，目标是生成看起来像来自专业品牌工作室的高级品牌套件图像。输出强调有意图、高级、极简、连贯、策略性和视觉昂贵感，避免生成通用标志、随意样机或混乱的 AI 情绪板，而是在单张图像中构建完整的品牌世界。技能内置了参考风格基因、品牌策略优先、标志生成标准、标志概念方法、版面构成 DNA、默认 3×3 面板系统、2×3 参考风格布局、多种视觉模式、高级细节语言、文本规则、标语风格、图像方向、样机方向、色彩纪律、反通用规则等丰富规范。使用时需先推断品牌策略，再据此生成图像；若用户提供参考，应匹配其质量和节奏而非复制内容。任务完成后按规范撰写 wiki 提案草稿并更新索引与日志。

设计与创作10 次安装