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

comic-artist

Create comics and graphic narratives with panel flow, lettering, pacing, and visual storytelling.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md4.7 KB

SKILL.md(原文)

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

Overview

Comics are cinema on paper: the artist controls time (panel size and count), camera (angle and framing), and sound (lettering and effects) — all in static images. Great comic art serves the story's rhythm: knowing when to linger on a silent beat and when to accelerate through action. This skill covers visual storytelling, panel craft, lettering, and production for print and web.

When to use

  • Creating comics, graphic novels, or manga

  • Designing webcomics or comic strips

  • Learning panel composition and page flow

  • Improving lettering and dialogue presentation

  • Preparing comics for print or digital publishing

Core concepts

    • Panel = time. Big panels slow time (lingering moments, reveals); small panels accelerate (action, montage). Panel count per page sets the pace: 4-6 for standard flow, 1-2 for impact, 8+ for dense or frantic sequences.
    • Reading flow. Western comics: left-to-right, top-to-bottom in a Z-path; manga: right-to-left. Panel arrangement must never confuse the reading order — when in doubt, simplify the grid. The reader should never wonder "what do I read next?"
    • The gutter does work. The space between panels is where readers infer action (closure). Use it deliberately: wide gutters pause, bleeding panels together accelerates, borderless panels feel open or dreamlike.
    • Camera and staging. Vary shot sizes for rhythm (establishing → medium → close-up for emotional beats), keep the 180-degree rule for dialogue, and stage action clearly — confusing action sequences are the #1 comic art failure.
    • Lettering is half the art. Balloon placement guides reading order, font choice sets tone, emphasis (bold/italics) directs the voice in the reader's head, and SFX are graphic design. Bad lettering ruins good art.
    • Black and white thinking. Even for color work: values (light/dark structure) carry readability. Squint at the page — if the focal points and flow aren't clear in grayscale, color won't fix it.

Practical workflow

    1. Write or break down the script. Page-by-page beats: what happens, what changes, the emotional turn. Thumbnail the whole story first — pacing problems are cheapest to fix at thumbnail size.
    1. Design the page layouts. Vary panel counts for rhythm: quiet pages breathe (fewer, larger panels), action compresses (more, smaller). Plan page turns — reveals and cliffhangers belong on the right-hand page turn.
    1. Pencil with staging priority. Clear silhouettes, readable action, strong compositions. Check: can a stranger follow the action without dialogue? If not, restage.
    1. Ink for clarity and mood. Line weight variation (thicker outlines, thinner details), blacks for depth and focus, textures for atmosphere. Inking defines the comic's visual voice.
    1. Letter professionally. Place balloons in reading order (never crossing the art's focal point), leave breathing room, choose a legible comic font (or hand-letter consistently), size for the final print/digital dimensions.
    1. Color with intent. Establish the palette per scene (time of day, mood), use color for focus (saturated focal points, muted backgrounds), keep skin tones and key elements consistent across pages.
    1. Prep for the medium. Print: CMYK, bleeds, safe areas, correct page size. Web: RGB, readable at phone widths (consider vertical scroll format), file optimization. Webtoon-style vertical scroll is a different layout discipline — design for it natively.

Common pitfalls

    • Confusing action. The reader can't tell what happened in a fight or chase. Slow down, clarify staging, use clear silhouettes — spectacle without clarity is noise.
    • Talking heads. Pages of identical medium shots with dialogue. Vary angles, use reactions and inserts, let the art carry subtext the words don't say.
    • Lettering as afterthought. Balloons covering faces, tiny text, inconsistent fonts. Letter during layout, not after coloring — balloon placement shapes composition.
    • No page-turn craft. Treating every page identically instead of using the physical turn for reveals and pacing. The page turn is comics' unique tool — use it.
    • Inconsistent characters. The protagonist looks different every chapter. Model sheets and reference discipline (see character-designer).
    • Ignoring the format. Designing print spreads for a vertical-scroll webcomic (or vice versa). The reading format shapes every layout decision — commit early.

レビュー

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

同じリポジトリのスキル

概要と使いどころ

Master 1Password: vaults, Watchtower, passkeys, SSH agent, CLI, and family/team administration. Use when getting full value from 1Password personally or administering it for others.

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

aicodedecode/awesome-muse-skills172026年10月10日 更新

Create 3D visuals with modeling, texturing, lighting, rendering, and optimization for web and product.

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

aicodedecode/awesome-muse-skills172026年10月10日 更新

Create 3D web experiences: scene setup, models, materials, lighting, animation, scroll-driven scenes, and performance budgets. Use when adding 3D to websites beyond basic demos.

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

aicodedecode/awesome-muse-skills172026年10月10日 更新

Writing abstracts that get papers read — structured content, the 5-sentence core, and journal-specific constraints.

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

aicodedecode/awesome-muse-skills172026年10月10日 更新

Learn effectively from courses and academies: choosing programs, studying actively, and converting courses into skills. Use when investing time/money in structured learning.

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

aicodedecode/awesome-muse-skills172026年10月10日 更新

Audit designs for accessibility with WCAG checklists covering color, type, focus, motion, and content.

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

aicodedecode/awesome-muse-skills172026年10月10日 更新

aicodedecode のスキルをすべて見る

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