Community图像github.com

cbrock84/视觉内容

设计并指导承载内容的视觉资产——轮播图、信息图、引用图、图表和社交媒体图片,包括AI生成时的提示词。用于将文字转化为视觉格式、设计轮播图或信息图、创建社交媒体图片,或修复那些无法吸引用户注意力的视觉内容。

视觉内容 是什么?

该技能(cbrock84/visual-content)专注于将书面内容转化为具有高影响力的视觉格式,如轮播图、信息图、引用图、图表和社交媒体图片。它强调形式必须服从功能:序列或流程适合轮播图,对比或关系适合单张图表,单一声明适合引用图,而包含超过七个元素的内容应拆分为两个视觉资产。设计原则包括:轮播图的第一张幻灯片必须作为标题抓住读者,后续每张幻灯片要制造悬念以推动滑动;信息图应直接标注元素,避免图例和装饰性效果;所有设计需针对移动端小屏和快速浏览优化,确保高对比度和缩略图可读性。该技能还覆盖AI图像生成的提示词撰写,要求包含主题、构图、光线、色调、情绪和负面约束,并检查生成内容是否正确渲染文字和匹配品牌色。它明确禁止在不了解内容结构时选择视觉格式、为缩略图尺寸设计全尺寸内容,或将关键信息仅放在图片中(无法搜索、翻译或屏幕阅读)。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cbrock84/headcount/tree/main/plugins/marketing/skills/visual-content

Installed? Explore more 图像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

视觉内容 是做什么的?

形式遵循内容的形状

  • 序列或流程 → 轮播图。每步一页,每页一个想法。
  • 对比或关系 → 单张图表。轮播图会破坏需要同时看到的关系。
  • 单一可记忆的主张 → 引用图。
  • 数量、趋势或比例 → 图表,带一条信息。
  • 任何包含超过七个元素的内容 → 拆分为两个视觉资产。

根据时尚而非内容的形状选择格式,正是为什么那么多轮播图只是将一段文字切成了十片。

轮播图

第一张幻灯片是整个钩子——把它当作标题,而不是标题卡。后续每一张幻灯片都必须赢得滑动,这意味着每张都以略微未完成的状态结束。

幻灯片之间保持一致模板:相同的边距、相同的位置、相同的调色板。跨幻灯片的差异会被视为错误。给幻灯片编号,让读者知道需要看到多少张。

最后一张幻灯片落实想法。一张只写着“关注了解更多”的最后一张幻灯片,浪费了唯一一张确保所有完成阅读的人都会注意到的幻灯片。

信息图和图表

当一张图表能够展示散文中需要三段文字才能建立的关系时,它才有存在的价值。如果它只是重复文本内容,就删掉它。

直接在元素上标注。图例让读者需要在看别处的同时在记忆中保留映射关系。去掉任何没有承载意义的元素——装饰渐变、3D效果和数据上的投影。

为实际使用场景设计

几乎所有这些内容都是在手机上、信息流中、快速浏览的小屏幕上看到的。在完成之前,先以那个尺寸测试。如果标题在缩略图尺寸下不可读,那它就不存在。

主体与背景之间的高对比度是吸引用户注意力的关键。微妙是桌面端的奢侈品。

图像生成位置

将提示词写成一个简报:主题、构图、光线、色调、情绪和负面约束。每个图像生成一个概念。然后检查输出是否正确渲染嵌入的文字并与品牌调色板匹配——生成的图像会发生漂移,品牌颜色偏离比没有品牌颜色更糟。

绝不能

  • 在不知道内容是序列、对比还是单个主张之前,就选择视觉格式。
  • 为将在缩略图尺寸下看到的图像设计全尺寸。
  • 仅将关键信息放在图片中。图片内容无法搜索、无法翻译,且对屏幕阅读器不可见。

Individual skills in this repo

This repo contains 11 individual skills — each has its own dedicated page.

cbrock84/interface-craft

Raises the visual and interaction quality of an interface — layout, hierarchy, type, spacing, density, and the details that separate a considered product from a generic one. Use this when a screen works but looks unfinished or default, when a layout feels crowded or arbitrary, when a page has no clear focal point, or when an interface needs to feel trustworthy rather than merely functional.

cbrock84/org-design

Designs how an organization is structured — reporting lines, team boundaries, spans and layers, role definition, and workforce planning against the strategy. Use this to structure a new team, restructure an existing one, resolve unclear ownership between teams, plan headcount, or diagnose why a team underperforms for structural rather than individual reasons.

cbrock84/portfolio-governance

Governs the portfolio of work — intake, prioritization, stage gates, resource contention, and stopping things. Use this to set up intake and prioritization, run a stage gate, decide between competing initiatives, resolve resource contention across projects, or work out why everything is in flight and nothing is finishing.

cbrock84/product-launch

Takes something built and gets it into the market — tiering the launch to match what it actually warrants, sequencing internal readiness before external announcement, preparing sales and support to answer the questions it creates, choosing the date for a reason, and measuring adoption rather than announcement reach. Use this to plan a launch, right-size one that is consuming more than it deserves, work out why a released feature nobody uses was launched loudly, or run the weeks after launch day.

cbrock84/program-management

Plans and drives cross-functional programs to delivery — scope, sequencing, dependencies, status, risk, and the escalations that keep work moving. Use this to run a multi-team initiative, recover a program that is slipping, build a delivery plan with dependencies, structure status reporting, or diagnose why cross-team work keeps missing dates.

cbrock84/project-delivery

Plans and delivers a single project — scope, estimation, scheduling, critical path, tracking, and recovering when it slips. Use this to plan a project, build or challenge a schedule, estimate credibly, track progress meaningfully, or recover a project that is late.

cbrock84/retention

Diagnoses and reduces churn — cancellation flows, save offers, failed-payment recovery, at-risk detection, and the product and service causes underneath. Use this when churn is rising or unexplained, to design a cancellation or win-back flow, to recover involuntary churn, to identify at-risk accounts before they leave, or to decide whether a retention problem is a product problem.

cbrock84/sales-enablement

Builds what a sales team needs to sell — pitch decks, one-pagers, objection handling, competitive battlecards, demo scripts, and case studies. Use this to create or fix sales collateral, prepare for a competitive deal, build a demo flow, document objection responses, or diagnose why a pitch is not converting.

cbrock84/tax

Structures the tax questions a growing business faces — corporate income, sales and use, payroll, nexus, and the obligations created by hiring or selling somewhere new. Use this to work out what a new state or country obligates you to, prepare for a tax filing or audit, understand sales tax on your product, or check what a remote hire or new market triggers.

cbrock84/unit-economics

Establishes whether the business makes money on each customer or unit — contribution margin, acquisition cost, payback period, lifetime value, and the cohort behavior underneath. Use this to assess whether growth is profitable, evaluate a channel or segment, support a pricing decision, judge how fast the business can afford to grow, or diagnose why revenue growth is not producing profit.

cbrock84/video-content

Plans and scripts short-form and long-form video, and designs the packaging — titles, thumbnails, and openings — that determines whether it gets watched. Use this to script a video, plan a series, fix retention or click-through problems, design thumbnail and title concepts, or turn written content into video. For a YouTube channel specifically — idea selection, retention teardowns, and channel-level strategy — use `youtube-producer`.

相关技能