SuperAPI AI 工具集
合作ENAI 行业资讯收藏
Skill 广场instagram-carousel

instagram-carousel

设计与创作

查看项目

更新于 11-01 21:29

技能介绍

用途

Instagram Carousel Generator 是一个设计系统技能，用于生成专业级的 Instagram 轮播图。输出为完全自包含、可滑动的 HTML 轮播，其中每一张幻灯片都设计为可单独导出为图片（4:5 比例），以便直接用于 Instagram 发布。

主要能力

该技能遵循一套完整的工作流程：

  1. 强制的创意方向启动：在生成任何轮播图之前，必须向用户询问两个问题——色彩调性方向（如温暖编辑风、深色对比、柔和中性、科技冷调、大地高级感、单色极简或自定义）以及语气风格（如专家/投资者、平静高级、友好解释、大胆/挑衅、活泼、极简或自定义）。这两个答案是不可跳过的必需输入。

  2. 收集品牌信息：向用户询问品牌名称、Instagram 账号、主品牌色、Logo、字体偏好和图片等。如果用户提供网站 URL，则从网站推导颜色和风格。

  3. 推导完整色彩系统：基于用户的色彩调性方向和主品牌色，生成一整套受约束的轮播图配色方案，包括 BRAND_PRIMARY、BRAND_LIGHT、BRAND_DARK、LIGHT_BG、LIGHT_SURFACE、LIGHT_BORDER、DARK_BG、BRAND_GRADIENT 和 STAT_ACCENT。遵循 60/30/10 平衡原则，并控制背景节奏。

  4. 研究与数据：在生成内容之前，研究真实可验证的数据。要求每套轮播图至少包含 3 个经过验证的统计数据（带数值、来源名称和年份），至少 1 个真实案例研究，并遵守数据新鲜度规则（只使用当前年份或上一年的数据；若无法找到，需明确标注为最新可用数据）。

  5. 语言规则：默认使用简洁清晰的俄语撰写。避免金融术语和行话，使用短句和具体表达，必要时立即用简单语言解释术语。避免使用长破折号、单词或双词句子、通用的 AI 式框架（如“简短”“总结”“重要”等）以及机器人式的对比公式。

  6. 排版设置：从 Google Fonts 中选择标题字体和正文字体，并提供多种风格组合（如编辑/高级风用 Playfair Display + DM Sans，现代/简洁风用 Plus Jakarta Sans 等）。定义了字号阶梯（标题 28-34px、统计数字 48-64px、正文 14px 等），并要求每张幻灯片至少使用 3 个文本大小层级。

  7. 幻灯片架构：每张幻灯片比例为 4:5，自包含所有 UI 元素。每张幻灯片都包含进度条（底部）和滑动箭头（右侧边缘，最后一张除外）。内容内边距为 0 36px，底部为 0 36px 52px 以避开进度条。必须使用特定的容器结构（内层 div 包含 position:absolute、top:28px、left:36px、right:36px、bottom:52px、min-height:0、display:flex、flex-direction:column、overflow:hidden）来防止内容溢出。

  8. 溢出预防与布局规则：内容绝不能延伸到进度条下方或幻灯片边界之外。每张幻灯片有内容预算限制（如实体卡片幻灯片最多包含类别标签、图标、股票代码徽章、名称、描述、信息块和 1 个图标要点等）。文本长度有限制（标题最多 2 行，实体描述最多 3 行约 120 字符等）。如果内容仍然紧张，优先缩短文案，其次移除次要组件，绝不允许缩小进度条区域或移动进度条位置。

  9. 顶部可见性保护：顶部文本块（标题、开头段落、顶部标签）绝不能因溢出而被裁剪。在密集幻灯片上使用两部分布局：top-safe-copy（标签+标题+简短介绍，使用 flex-shrink:0）和 support-stack（卡片、统计、对比、要点，使用 margin-top:auto）。空间紧张时的优先级顺序为：保持标签、标题和介绍完全可见；保留一个主要证明块；仅在顶部文案仍完全可见时保留一个次要证明块；在降低标题可读性之前丢弃三级填充内容。

  10. 中心空洞预防：密集幻灯片还必须避免中间出现无用的空白区域。如果顶部安全文案和第一个证明块之间的视觉间隙大于幻灯片高度的约 12-15%，则需要重新平衡构图。当 support-stack 仅包含一个证明块或幻灯片变得视觉上头重脚轻时，不要使用 margin-top:auto。如果溢出清理后只剩一个主要证明块，可采用以下修复方法之一：将证明块向上拉入平衡的中部堆叠布局；在介绍和证明块之间插入桥接元素；如果空间允许，将一个大的证明块拆分为两个较轻的堆叠块。批准的桥接元素包括：短的 2-3 项芯片行、迷你对比条、来源栏、图标要点行、紧凑的要点栏。不要在一个大的空白中心下方、进度条附近留下一个漂浮的统计卡片。

  11. 内容密度规则：每张幻灯片必须视觉上充实（最多 20% 空白空间），但内容绝不能溢出。黄金法则是：如果必须在“稍微空”和“文本溢出进度条”之间选择，总是选择稍微空。溢出是严重错误，空白是轻微美学问题。

  12. 三区系统：每张幻灯片分为三个区域，每个区域至少包含一个元素：顶部（0-25%）放置类别标签、品牌标识、装饰性数字或标签；中部（25-70%）放置标题和主要组件（统计块、功能列表、实体卡片）；底部（70-100%）放置图标要点、来源引用、标签胶囊、进度条。

  13. 视觉锚点规则：每张幻灯片至少需要一个引人注目的元素：统计数字（48px+）、装饰性背景数字（120px+）、容器中的表情符号图标、数据可视化、CTA 按钮或网格布局。不允许只有标题和正文文本的幻灯片。

  14. 空间剩余时的填充优先级：图标要点（2-3 个，含表情符号+标题+副标题）、次要统计高亮块、标签胶囊行、案例研究块、强调线+来源引用。

  15. 稀疏幻灯片重新平衡：如果溢出清理移除了足够多的内容导致幻灯片变得稀疏，立即重新检查三个区域，在添加另一个重型卡片之前先添加一个桥接或填充元素，优先选择细长的填充物。

使用方式

该技能是作为智能体技能使用的，用户通过调用技能名称并描述需求来触发。典型使用流程为：用户提供主题和品牌信息，技能按步骤引导完成创意方向选择、品牌细节收集、色彩系统推导、数据研究、内容撰写和 HTML 生成。最终输出为一个包含所有幻灯片的 HTML 文件，每张幻灯片可单独导出为 Instagram 图片。

适用场景

适用于需要为 Instagram 创建专业轮播图内容的情况，例如品牌营销内容、知识科普、数据可视化展示、产品介绍、案例分享等。特别适合需要数据支撑、视觉一致性和专业排版的内容创作者和营销人员。

限制

  • 该技能依赖用户提供品牌信息和创意方向输入，无法在缺少这些信息的情况下自动完成。
  • 数据研究要求使用当前年份或上一年的数据，若无法满足需明确标注，可能限制某些主题的内容生成。
  • 语言默认使用俄语撰写，其他语言支持情况暂未提供。
  • 关于收费、价格、平台兼容性等具体信息暂未提供。