mask-reveal-transition
mask-reveal-transition 是一个纯 HTML/CSS/JS 效果技能,用 CSS mask-image 径向渐变实现图片随滚动或面板切换而“墨迹蔓延”式揭示,包含 blob 滚动进度与 sticky 分屏两种变体。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-05 00:16
22,000 个结果
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 或标记。
面向 Remotion 视频制作的组件架构技能,提供可复用的文本、容器、特效、背景与视觉模式组件,强调先查注册表再构建,统一风格与排版规范。
Remotion 视频制作核心模式技能,涵盖基于帧的动画、弹簧物理、合成结构、序列编排、渲染设置与常见反模式,适用于编写或修改 Remotion 代码时参考。
面向 claude-flow v3 的领域驱动设计架构技能,用于将庞大的 orchestrator 上帝对象拆分为限界上下文,落地整洁架构、微内核与插件机制,实现模块化与可测试的代码结构。
品牌实体审计技能:检查品牌能否被 AI 系统识别为可查证的实体,覆盖 Wikipedia/Wikidata、Reddit、YouTube 及网站 sameAs 一致性,通过 geo CLI 输出 JSON 结果与信号评分。
这是一个资深 UI/UX 设计师技能,用于基于产品需求文档(PRD)和用户设计偏好生成设计规范文档。它通过设计调研和用户体验分析,创建精简实用的视觉系统与交互指导。适用于需要根据 PRD 生成设计规范、创建视觉系统、制定 UI/UX 设计标准的场景。技能会读取 PRD.md 内容,结合用户提供的设计风格、品牌色彩、参考案例和交互要求,使用 web_search 调研设计趋势,制定设计策略,并基于 design-spec-template.md 模板生成 DESIGN_SPEC.md 文件。
StyleSeed Design Review 是一个界面设计审查技能,用于检查前端 UI 代码为何看起来像“AI 生成”,按 74 条规则中的七类量规评分(0–100)并给出按分数收益排序的修复清单。它只审查和建议,不会自动编辑文件。
该技能通过 Replicate API 调用字节跳动的 Seedance 1.5 Pro 模型来生成 AI 视频。支持从文本提示词生成视频、将静态图片动画化为视频,以及生成音频与唇形同步的视频。可指定时长、宽高比、首尾帧图片、固定或移动镜头、是否生成音频以及随机种子。生成脚本 scripts/generate_video.py 负责所有 Replicate API 交互,输出为 MP4(H.264 视频、AAC 音频、24fps)。使用前需设置 REPLICATE_API_KEY 环境变量。
角色设计参考表技能:通过参考表与 LoRA 技术实现 AI 生成图像中的角色一致性,涵盖三视图、表情表、配色方案与提示词锚定等方法。依赖 inference.sh CLI(belt)运行。
image-to-video 是一个将静态图片转换为动态视频的操作指南,通过 inference.sh CLI(belt)调用多种图像转视频(i2v)模型。资料涵盖模型选择、运动提示词写法与镜头运镜技巧,列出 Wan 2.5 i2v、WAN-I2V (Pruna)、Seedance 2.0、Seedance 2.0 Fast、Fabric 1.0、Grok Imagine Video 等模型的 App ID、适用场景与运动风格,并给出何时选用哪个模型、镜头运动与主体运动的关键词、提示词结构、各场景示例命令、时长建议、延长时长与拼接方法,以及从生成静图到动画、放大、加音效、合并的完整工作流和常见错误对照。
落地页转化优化技能,提供首屏公式、标题与 CTA 文案规则、社会证明、表单与移动端设计等,并可通过 inference.sh CLI(belt)调用模型生成主视觉、OG 图与竞品调研。
面向 AI 商品摄影的技能,覆盖影棚布光、生活场景图与电商白底图规范,讲解角度、背景、阴影类型、主图及电商图组等要点,并给出 inference.sh CLI(belt)的调用示例。
该技能用于影视与视频分镜创作,提供镜头类型、摄像机角度、运镜方式、180度轴线等连贯性规则以及分镜面板排版规范。它通过 inference.sh 的 belt CLI 调用 AI 图像生成模型(如 falai/flux-dev-lora)逐格生成分镜画面,并用 infsh/stitch-images 将多格拼接成完整分镜板。技能涵盖从 ECU 到 EWS 的镜头景别、眼平/俯拍/仰拍/荷兰角等角度、推拉摇移等运镜,以及动作匹配、视线匹配、屏幕方向等剪辑连贯性要点,还给出标准面板标注格式与分镜工作流程。适合需要快速产出视觉分镜的影视、广告、动画前期创作者。
这是一个用于创建高点击率 YouTube 视频封面的 AI 技能。它提供了一套详细的设计规范、尺寸要求、对比度规则和移动端优化策略。该技能的核心是“120px 测试”,要求封面在移动端约 120px 宽时仍能清晰传达情绪、主题和文字。它涵盖了安全区域、文字排版、人脸表情心理学以及针对不同内容类型(如教程、评测、盘点)的生成模式。用户需要通过 belt CLI 调用 AI 模型(如 falai/flux-dev-lora 或 bytedance/seedream-4-5)来生成图片,并遵循特定的提示词结构。技能还包含 A/B 测试指南和一份检查清单,帮助用户避免常见错误,如文字过多、对比度低或构图杂乱。
baoyu-article-illustrator 是一款文章配图生成技能,可分析文章结构、定位需要配图的位置,并以“类型 × 风格”两个维度生成插图。适用于为文章自动规划并插入信息图、场景图、流程图等视觉内容。
为文章生成封面图的技能,支持类型、配色、渲染、文字、氛围五个维度的定制,内置9种配色与6种渲染风格,可自动分析内容选择参数,也可手动指定或使用风格预设。
baoyu-image-gen 是一个基于官方 API 的 AI 图像生成技能,支持 OpenAI、Google 和 DashScope(阿里通义万象)三家提供商。它通过命令行脚本调用,支持文生图、参考图编辑、宽高比设置、质量预设(normal/2k)以及多图生成。默认按顺序逐张生成以保证稳定输出,仅在用户明确要求时才并行生成。可通过 EXTEND.md 配置文件设置默认提供商、质量、宽高比、尺寸和模型,并支持环境变量与自定义端点。
根据内容生成专业信息图表的技能,支持 20 种版式与 17 种视觉风格自由组合,可分析内容并推荐版式×风格方案,输出结构化内容、图片提示词与信息图图片。
baoyu-xhs-images 是一个小红书信息图系列生成技能,可将复杂内容拆解为 1-10 张卡通风格图片,适配小红书平台。它提供 10 种视觉风格(cute、fresh、warm、bold、minimal、retro、pop、notion、chalkboard、study-notes)和 8 种信息布局(sparse、balanced、dense、list、comparison、flow、mindmap、quadrant),风格与布局可自由组合。支持通过命令行指定风格与布局,或根据内容自动选择。工作流包含偏好加载、内容分析、两次确认、三种大纲策略(故事驱动、信息密集、视觉优先)以及逐张生成图片,并通过参考图链保证系列视觉一致性。