Agent Skillscbrock84/headcount › visual-content

visual-content

GitHub

指导将文本内容转化为视觉资产(如轮播图、信息图)的设计规范,涵盖格式选择、排版原则及AI生成提示词技巧。

plugins/marketing/skills/visual-content/SKILL.md cbrock84/headcount

Trigger Scenarios

将文章转为轮播图 设计信息图或图表 创建社交媒体图片 优化视觉素材以吸引注意力

Install

npx skills add cbrock84/headcount --skill visual-content -g -y
More Options

Non-standard path

npx skills add https://github.com/cbrock84/headcount/tree/main/plugins/marketing/skills/visual-content -g -y

Use without installing

npx skills use cbrock84/headcount@visual-content

指定 Agent (Claude Code)

npx skills add cbrock84/headcount --skill visual-content -a claude-code -g -y

安装 repo 全部 skill

npx skills add cbrock84/headcount --all -g -y

预览 repo 内 skill

npx skills add cbrock84/headcount --list

SKILL.md

Frontmatter
{
    "name": "visual-content",
    "description": "Designs and directs the visual assets that carry content — carousels, infographics, quote graphics, diagrams, and social imagery — including the generation prompts where they are AI-produced. Use this to turn a written piece into a visual format, design a carousel or infographic, create social graphics, or fix visuals that are not stopping the scroll."
}

Visual content

The format follows the content's shape

  • Sequence or process → carousel. One step per slide, one idea per slide.
  • Comparison or relationship → single diagram. A carousel would break what needs to be seen at once.
  • A single memorable claim → quote graphic.
  • Quantity, trend, or proportion → chart, with one message.
  • Anything with more than about seven elements → it is two visuals.

Choosing format by what is fashionable rather than by the content's shape is why so many carousels are a paragraph cut into ten pieces.

Carousels

The first slide is the entire hook — treat it as a headline, not a title card. Every subsequent slide must earn the swipe, which means each ends slightly incomplete.

Consistent template across slides: same margins, same type positions, same palette. Variation across slides reads as error. Number them so the reader knows the commitment.

Last slide lands the idea. A last slide that only says "follow for more" wastes the only slide with guaranteed attention from everyone who finished.

Infographics and diagrams

A diagram earns its place when it shows a relationship prose would take three paragraphs to establish. If it restates the text, cut it.

Label directly on the element. Legends make the reader hold a mapping in memory while looking elsewhere. Strip anything not carrying meaning — decorative gradients, 3D effects, and drop shadows on data.

Designing for the actual context

Almost all of this is seen small, on a phone, in a feed, at speed. Test at that size before finishing. If the headline is not readable at thumbnail scale, it does not exist.

High contrast between subject and background is what stops the scroll. Subtlety is a desktop luxury.

Where images are generated

Write the prompt as a brief: subject, composition, lighting, palette, mood, and negative constraints. Generate one concept per image. Then check the output actually renders any embedded text correctly and matches the brand palette — generated imagery drifts, and drifted brand color is worse than no brand color.

Never

  • Choose a visual format before knowing whether the content is a sequence, a comparison, or a single claim.
  • Design at full size for something that will be seen at thumbnail size.
  • Put load-bearing information in an image alone. It is unsearchable, untranslatable, and invisible to a screen reader.

Version History

  • d58a7ee Current 2026-09-02 21:08

Same Skill Collection

plugins/corporate-strategy/skills/chief-strategy-officer/SKILL.md
plugins/corporate-strategy/skills/market-entry/SKILL.md
plugins/corporate-strategy/skills/mergers-and-acquisitions/SKILL.md
plugins/corporate-strategy/skills/portfolio-strategy/SKILL.md
plugins/corporate-strategy/skills/scenario-planning/SKILL.md
plugins/corporate-strategy/skills/strategic-alliances/SKILL.md
plugins/customer-experience/skills/chief-customer-officer/SKILL.md
plugins/customer-experience/skills/customer-onboarding-and-implementation/SKILL.md
plugins/customer-experience/skills/customer-success-management/SKILL.md
plugins/customer-experience/skills/escalation-management/SKILL.md
plugins/customer-experience/skills/self-service-and-knowledge/SKILL.md
plugins/customer-experience/skills/support-operations/SKILL.md
plugins/customer-experience/skills/voice-of-customer/SKILL.md
plugins/data-analytics/skills/ai-ml-governance/SKILL.md
plugins/data-analytics/skills/business-intelligence/SKILL.md
plugins/data-analytics/skills/chief-data-officer/SKILL.md
plugins/data-analytics/skills/data-engineering/SKILL.md
plugins/data-analytics/skills/data-governance/SKILL.md
plugins/data-analytics/skills/data-modeling/SKILL.md
plugins/demand-generation/skills/ai-search-optimization/SKILL.md
plugins/demand-generation/skills/app-store-optimization/SKILL.md
plugins/demand-generation/skills/experimentation/SKILL.md
plugins/demand-generation/skills/landing-page-cro-expert/SKILL.md
plugins/demand-generation/skills/lead-capture/SKILL.md
plugins/demand-generation/skills/lifecycle-messaging/SKILL.md
plugins/demand-generation/skills/listing-distribution/SKILL.md
plugins/demand-generation/skills/marketing-analytics/SKILL.md
plugins/demand-generation/skills/paid-advertising/SKILL.md
plugins/demand-generation/skills/programmatic-seo/SKILL.md
plugins/demand-generation/skills/seo-strategy/SKILL.md
plugins/executive/skills/ai-research-analyst/SKILL.md
plugins/executive/skills/business-growth-consultant/SKILL.md
plugins/executive/skills/chief-executive/SKILL.md
plugins/executive/skills/fundraising-and-investor-relations/SKILL.md
plugins/executive/skills/saas-idea-validator/SKILL.md
plugins/finance/skills/budgeting-and-forecasting/SKILL.md
plugins/finance/skills/capital-allocation/SKILL.md
plugins/finance/skills/capital-structure-and-covenants/SKILL.md
plugins/finance/skills/cost-accounting/SKILL.md
plugins/finance/skills/financial-modeling/SKILL.md
plugins/finance/skills/financial-reporting-and-close/SKILL.md
plugins/finance/skills/financial-statement-analysis/SKILL.md
plugins/finance/skills/internal-controls-and-audit/SKILL.md
plugins/finance/skills/revenue-recognition/SKILL.md
plugins/finance/skills/tax/SKILL.md
plugins/finance/skills/treasury-and-liquidity/SKILL.md
plugins/finance/skills/unit-economics/SKILL.md
plugins/it-operations/skills/backup-and-recovery/SKILL.md
plugins/it-operations/skills/chief-information-officer/SKILL.md
plugins/it-operations/skills/cloud-administration/SKILL.md

Metadata

Files
0
Version
d58a7ee
Hash
0aa4f6c7
Indexed
2026-09-02 21:08

- 위키
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-09-03 22:56
浙ICP备14020137号-1 $방문자$