跳到正文
cccskills
免费在 GitHub 公开

comic-artist

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

中文简介正在准备中。当前显示原文说明。

查看安装方法

包含的文件(1)

  • SKILL.md4.7 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

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.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

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-skills282026年10月10日 更新

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

中文简介正在准备中。当前显示原文说明。

aicodedecode/awesome-muse-skills282026年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-skills282026年10月10日 更新

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

中文简介正在准备中。当前显示原文说明。

aicodedecode/awesome-muse-skills282026年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-skills282026年10月10日 更新

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

中文简介正在准备中。当前显示原文说明。

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

查看 aicodedecode 的全部技能

报告此技能的问题