SuperAPI AI 工具集

hyperframes-card-news-work-image-feature

设计与创作

查看项目

更新于 10-16 05:02

技能介绍

用途:image-feature 是当图片成为故事中心时使用的说明型卡片。先展示照片、产品图、海报或截图,下方附标题与简短正文。用于 AI 新闻时,若涉及新生成图片或编辑海报,需配合 hyperframes-card-news-fomo-image-direction 使用;若真实产品界面或官方图片能更准确说明事件,则优先于生成图片。

主要能力与结构:使用 class="card clip image-feature" 的卡片,包含 feature-bg 背景层、feature-frame 图片框、feature-headline 标题、feature-body 正文段落和 page-indicator 页码。内容规则:必须有图片,不能退化为纯文字卡;标题 1 个、1-2 行;正文 2-3 个 p,每段以 1 句为主;长年表或多条要点拆成多张卡片。

使用方式:背景模糊用 CSS background-image 实现;同一图片若同时用 img 引用,可能触发 duplicate_media_discovery_risk 警告,可改用渐变或色块背景。动画使用 GSAP 对 feature-bg、feature-frame、feature-headline、feature-body p、page-indicator 依次做入场。检查项包括:在 overview 记录 data-skill="image-feature"、AI 新闻新图配合 fomo-image-direction、优先官方图、图片直接说明正文事实、生成图无文字/数字/logo/UI 错误、标题 1 个、正文 2-3 段。

限制:资料未提供收费、价格、平台支持范围与效果数据;具体尺寸、时长等参数以原文给出的范围为准,未明确处暂未提供。