Communitygithub.com

2D综合设计(codepawl/2d-generalist)

设计、动画、纹理合成Vox、Johnny Harris及WSJ风格的解说性动态图形,覆盖2D、2.5D和3D,使用已安装的免费工具(Blender、DaVinci Resolve Fusion、Remotion + Three.js/SVG、FFmpeg),或推荐可选的开源GIS/矢量工具。

2d-generalist) 是什么?

该技能用于制作高级、信息丰富的动态图形,尤其适用于Vox和Flat Pack FX风格的解说性新闻视频。它指导用户通过完整的端到端工作流程,利用机器上已经安装的免费工具(如Blender、DaVinci Resolve Fusion、Remotion和FFmpeg)实现2D、2.5D和3D动画,并在需要时推荐在此操作系统中可用的可选工具(如QGIS、Inkscape、Krita)。该技能强制实施核心的Vox视觉法则,如非纯色背景、双通道撕裂纸边框、印刷引用半色调和双色高亮法则,以确保作品具有真实感和可信度。用户可以从多个操作模态中进行选择,包括审计工具链、设计层级、生成地图、图表时间线或档案拼贴,并依赖脚本进行资源生成、效果验证和工具链审计。该技能强调,在每一步昂贵的执行之前,先利用意图摘要文件确定用户目标,并在交付前对照摘要进行验证,从而保证最终作品与用户意图精准匹配。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/codepawl/creator-generalist/tree/HEAD/plugins/2d-generalist/skills/2d-generalist

在你喜欢的 AI 中提问

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

文档

2D综合设计

使用此技能设计、制作动画、纹理合成 Vox(Atlas、By Design、Earworm、Missing Chapter)和 Flat Pack FX 风格的解说性动态图形,覆盖 2D、2.5D 和 3D,使用用户机器上已安装的工具(或在缺失时推荐免费工具)。

模式路由

模式范围(2D / 2.5D / 3D)主要参考
audit检查已安装的免费 2D/3D 工具与可选下载项references/2d-3d-toolchain-matrix.md
design视觉层级、不对称缩放、蓝图美学、调色板references/vox-psychology-and-design.md
map2D 矢量/卫星地图、2.5D 浮雕/挤压图层、3D 地形和 KML 路线references/maps-and-geodata-2d-3d.md
chart-timeline预先绘制标尺时间线、2D/3D 柱状/折线图、点阵重复器、波形图references/charts-timelines-and-data.md
archival-collage双色高亮、报纸缩放/闪烁、撕裂边框、2.5D 视差、3D 幻灯片投影仪references/archival-collage-and-camera.md

在步骤 1 之前,运行意图摘要(references/intent-brief.md):根据请求填写目的、格式、主题、外观和约束条件,仅询问缺失信息(最多 4 个问题,提供选项并包含推荐默认值),写入 brief.md,在第一个昂贵步骤之前展示廉价预览,并在交付前对照摘要检查结果。错失用户目标的作品即为失败作品。

端到端工作流程

  1. 审计工具链(audit)
    • 运行 uv run --no-project python scripts/check_vox_toolchain.py 检测已安装的 2D/3D 工具(Blender、DaVinci Resolve / Fusion、Remotion + Three.js/SVG、FFmpeg),并列出任何缺失可选工具(QGIS、Inkscape、Krita)的单行免费安装命令(winget)。
  2. 建立层级与表面(design)
    • 应用不对称缩放张力(一个主导锚点、充足的近白色 #F4F1EA 或蓝图石板色 #1B222C 负空间、连接路径)。在动画化之前执行远观/回视测试。
    • 构建视觉权威三支柱:表面(温暖纸张纤维 + 静态颗粒感)、墨水(正片叠底 / 颜色加深 渗色 + 亮度遮罩 + 粗糙边缘 + 0.5–1.5px 柔化度)、生命(图形元素使用 8–12 fps 的时间重映射,背景纹理波动使用 2–4 fps)。
  3. 生成程序化资源(scripts/generate_vox_assets.py)
    • 运行 uv run --no-project python scripts/generate_vox_assets.py 生成 SVG 滤镜定义(双通道撕裂纸边框、墨水渗色、交叉 45° 半色调亮度遮罩、纸张颗粒)和比例标尺时间线布局。
  4. 在所选 2D / 2.5D / 3D 引擎中构建场景(map、chart-timeline、archival-collage)
    • 代码/网页 2D 和 3D: Remotion + SVG 滤镜(<feTurbulence> + <feDisplacementMap>) + Three.js / React Three Fiber(35mm 摄像机、景深、Z 平面)。
    • 节点合成器 2D 和 2.5D: DaVinci Resolve Fusion(FastNoise + Displace、sRender 重复器、Paint 修剪笔触、ImagePlane3D + Camera3D)。
    • 全 3D 和 2D-in-3D: Blender 5.2(使用 Noise/Build 修改器的 Grease Pencil 笔触、几何节点比例时间线/柱状图、3D 置换地形图、Cycles/EEVEE 35mm 景深 + 合成器镜头/颗粒通道)。
  5. 应用最终修饰并验证(scripts/validate_vox_recipe.py)
    • 添加细腻的 35mm 景深(或羽化调整层焦点遮罩)、径向色差、暗角和时间重映射节奏。
    • 运行 uv run --no-project python scripts/validate_vox_recipe.py --spec <recipe.json> 验证与所有 Vox 视觉法则的符合性。

对于在 Blender 中执行的任何步骤(几何节点、着色器、绑定、权重绘制、NLA、bpy),加载 use-3d-software 技能以获取精确节点和当前 5.x 名称。对于剪辑、字幕、重定时、转场、调色和在任何编辑器(Resolve、CapCut、Premiere、Kdenlive、FFmpeg)中的导出,加载 edit-video。 单个步骤的工艺技能:draw-and-paint-art(在 Krita 中绘图、人物、绘画)、paint-stylized-backgrounds(背景、涂改、视差、动态树叶和水面)、animate-characters(角色动作、逐帧、剪影)和 rig-characters(剪影木偶)。

核心 Vox 视觉法则(不可妥协)

  • 无无菌数字画布: 绝不要使用纯 #FFFFFF 或 #000000 背景。使用暖纸色(#F4F1EA)、档案奶油色(#EFECE6)或蓝图石板色(#1B222C)并添加静态颗粒感。
  • 双通道撕裂纸边框: 在繁忙背景上的剪切图需要近白色纸边框(Simple Choker / 形态学膨胀)经过两个通道粗糙化:通道 1(Spiky / 大尺度剪刀切割)+ 通道 2(Roughen / 精细纸纤维边缘)+ 以柔光模式叠加织物/纸纹理并裁剪至剪切图。
  • 印刷引用半色调: 应用交叉 +45° / -45° 半色调点亮度遮罩(拆分为高光和阴影遮罩),将其调至感知阈值(8%–18% 不透明度),使现代新闻剪切图看起来是印刷且经过事实核查的。
  • 预先绘制标尺时间线法则: 永远不要将不等长的时间间隔均匀分布。先绘制均匀分布的标尺/刻度线,然后按真实比例坐标放置事件,让簇拥和间隙讲述故事。
  • 双色高亮法则:
    • 数字/屏幕文本: 干净的 #FFE600 描边、正片叠底混合模式、描边高度短于字母大写高度(约 75–85%),未高亮的文本降低至 ~30% 不透明度。
    • 档案/书本页面: 3 通道粗糙边缘(水平标记条纹 + 边框 + 粗糙边缘)+ Bulge 湍流置换,放置在 3D 空间中,使用 35mm 摄像机和跟随行的浅景深。
  • 摄像机速度曲线: 所有 2D/3D 摄像机平移和缩放必须使用 35mm 等效焦距、Null 控制器父级控制,以及连续贝塞尔钟形速度曲线(慢速缓入 -> 快速快照 -> 慢速稳定),绝不要使用线性关键帧。

脚本与参考

Individual skills in this repo

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

相关技能