本文へ移動
cccskills
無料GitHub で公開

visual-content

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.

インストール方法を見る

含まれるファイル(2)

  • SKILL.md3.1 KB
  • references/sources.md918 B

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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.

Sources

references/sources.md in this skill lists the outside authorities that settle the questions here — what each one is authoritative for, and what you may do with it. Check them before answering on anything they cover, and cite what you used. Most are free to read and not free to reproduce; the use note on each is binding.

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.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Designs and audits who can reach what — authentication, authorization models, privileged access, service credentials, and joiner-mover-leaver process. Use this to design a permissions model, run an access review, reduce standing privilege, handle offboarding, set up SSO or MFA, manage service and machine credentials, or diagnose why permissions have sprawled.

日本語の概要は準備中です。原文の説明を表示しています。

cbrock84/headcount2,0282026年9月18日 更新

Concentrates marketing and sales effort on a named set of accounts rather than on volume — qualifying whether the model fits your economics at all, building the account list and the buying group inside each, tiering effort against account value, coordinating so the account experiences one campaign rather than several, and measuring account progression instead of leads. Use this to decide whether to run an account-based program, build one, or work out why an existing one produces activity and no pipeline.

日本語の概要は準備中です。原文の説明を表示しています。

cbrock84/headcount2,0282026年9月18日 更新

Gets new users from signup to first real value — signup flow, onboarding, time-to-value, and the early experience that determines whether someone becomes a user or a lapsed account. Use this to design or fix signup and onboarding, diagnose why signups do not convert to active use, reduce time-to-value, or decide what a new user must accomplish first.

日本語の概要は準備中です。原文の説明を表示しています。

cbrock84/headcount2,0282026年9月18日 更新

Designs orchestrator-and-subagent hierarchies for a repository — splitting agents by exclusive write surface, pairing every producer with an independent auditor, and enforcing the split with a script that runs in CI. Use this whenever the user wants to set up, expand, audit, or fix a multi-agent or subagent structure for a codebase; asks how to divide work between agents; wants agent charters, roles, or a surface map written; or is hitting agents that collide on the same files, review their own work, or drift from their remit. Also use when sizing a roster or deciding whether a new agent is justified.

日本語の概要は準備中です。原文の説明を表示しています。

cbrock84/headcount2,0282026年9月18日 更新

Governs models and AI systems in production — intended use, evaluation, monitoring, human oversight, documentation, and the decision to deploy or retire. Use this before deploying a model or AI feature, when defining evaluation criteria, when a model's behavior has drifted, when assessing AI risk or regulatory exposure, or when deciding whether an AI system is fit for a consequential decision.

日本語の概要は準備中です。原文の説明を表示しています。

cbrock84/headcount2,0282026年9月18日 更新

Produces executive-level research — market sizing, competitor mapping, trend analysis, and strategic intelligence — grounded in cited sources with the confidence in each claim made explicit. Use this to analyze a market or industry, map competitors, evaluate a market-entry or build-versus-buy decision, produce a research brief, or assemble evidence for a decision. Also use when comparing options that need a structured, evidence-based verdict rather than an opinion.

日本語の概要は準備中です。原文の説明を表示しています。

cbrock84/headcount2,0282026年9月18日 更新

cbrock84 のスキルをすべて見る

このスキルの問題を報告する