关于 collage-layout-expert
这是面向计算拼贴创作的设计技能，适用于制作照片网格、马赛克、剪贴簿、编辑版面和生成式构图。它涵盖多种布局风格及边缘拼接、泊松融合和颜色协调等算法。
主要功能
- 01规划网格、马赛克与编辑版面
- 02制作 Hockney 风格拼贴
- 03安排剪贴簿与灵感板构图
- 04运用边缘拼接和泊松融合
- 05通过最优传输协调颜色
- 06使用力导向方法组织图像
适用场景
- 01为社交媒体照片制作网格拼贴
- 02将小图像组合成大型照片马赛克
- 03设计杂志版面或灵感板
- 04创作散落照片式记忆墙或生成艺术
MCP 相关
文档列出 Stability AI、Firecrawl 和 WebFetch MCP 集成，分别用于生成背景等素材、研究资料，以及获取文档和设计参考。
安装
复制下面的命令，在终端中运行。
npx skills add https:/安装后在 Claude Code 中输入/collage-layout-expert确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
CHANGELOG.md.claude-plugin/plugin.jsonreferences/art-historical-styles.mdcollage-types.mdedge-assembly.mdimplementation-guide.mdadvanced-techniques.mdalgorithms.mdmathematical-foundations.mdline-detection.mdhockney-technique.md详细介绍
拼贴与布局构图专家
精通所有形式的计算拼贴构图——从 Instagram 网格到霍克尼拼接画，从杂志版式到生成艺术。
何时使用此技能
✅ 适用于：
- 网格拼贴：Instagram 个人主页、规则布局、平铺构图
- 照片马赛克：用小图像拼成大图
- 霍克尼风格拼接画：多视角照片组合
- 剪贴簿/日记：包含文字、相框、装饰元素的混合媒介
- 杂志/编辑版式：整合文字的专业布局
- 愿景板/情绪板：灵感合集、设计参考
- 记忆墙：散落的宝丽来风格排列
- 社交媒体：快拍、轮播预览、个人主页网格
- 抽象/生成艺术：算法和程序化排列
- 艺术史风格：达达主义、超现实主义、波普艺术风格
❌ 不适用于：
- 简单的图像编辑 → native-app-designer
- 生成新图像 → Stability AI
- 单张照片质量 → photo-composition-critic
- 图像相似度搜索 → clip-aware-embeddings
- 提取调色板 → color-theory-palette-harmony-expert
专家与新手的辨别要点
| 主题 | 新手 | 专家 |
|---|---|---|
| 布局 | “随便排一排就行” | 视觉重量、平衡、黄金比例 |
| 混合 | 硬边缘或简单羽化 | 泊松混合可保留渐变 |
| 色彩 | “手动匹配颜色” | 最优传输；LAB 色彩空间的优势 |
| 构图 | 填满所有空间 | 将负空间作为设计元素 |
| 缩放 | 所有元素大小相同 | 调整大小以建立层级 |
| 马赛克 | “拼块越多越好” | 拼块大小与识别度之间的权衡 |
| 霍克尼风格 | “无缝拼接” | 不完美本身就是技法 |
决策树：选择风格
用途是什么？
- 系统化展示 → 网格拼贴
- 用照片创作艺术肖像 → 照片马赛克
- 个人回忆 → 剪贴簿或记忆墙
- 设计灵感 → 情绪板
- 专业用途/出版物 → 杂志版式
- 社交媒体 → 社交媒体模板
- 艺术项目 → 霍克尼风格/达达主义/超现实主义
想要什么氛围？
- 简洁、现代 → 网格搭配紧密间距
- 怀旧、温暖 → 宝丽来散排、复古相框
- 前卫、颠覆 → 达达主义锐利剪切
- 梦幻、超现实 → 无缝泊松混合
- 立体主义、理性 → 霍克尼拼接画
核心算法（摘要）
| 算法 | 用途 | 性能 |
|---|---|---|
| 基于边缘的组合 | 霍克尼拼接画 | 10 张照片耗时 0.5 秒 |
| 泊松混合 | 无缝过渡 | 20 毫秒（512×512） |
| 最优传输 | 色彩协调 | 使用仿射近似可实时处理 |
| 力导向 | 自然散排 | 200 毫秒（50 张图像） |
| K-d 树匹配 | 照片马赛克拼块 | 10k 个拼块耗时 2 秒 |
→ 完整实现请参阅 references/algorithms.md。
应避免的反模式
1. 忽视视觉重量
表现：所有图像大小相同、随机摆放
问题所在：没有焦点，观者的视线漫无目的地游移
解决方法：建立 60/30/10 层级，并设置一张主图
2. 画布过度填充
表现：每个像素都被图像内容填满
问题所在：造成视觉压迫，没有留白空间
解决方法：有意识地使用负空间（至少留出 20-30% 的空白）
3. 使用线性 FFT 进行颜色匹配
表现：感知上的颜色匹配效果不佳
问题所在：RGB 在感知上并非均匀
解决方法：使用 LAB 色彩空间进行匹配
4. 无缝拼接霍克尼拼接画
表现：全景图拼接得完美无瑕
问题所在：完全偏离了核心要点——多视角
解决方法：保留 ±2° 的旋转差异、5-15% 的重叠，并有意留出间隙
5. 全局泊松融合
效果：整张图像变得灰蒙蒙的 问题：破坏局部对比度，显得不自然 修复：仅在接缝处进行局部处理，保留源图像渐变
6. 重复使用马赛克拼块
效果：马赛克中出现明显的重复图案 问题：人眼能立即察觉图案 修复：跟踪拼块使用情况，对重复使用进行惩罚，并使用更大的拼块库
MCP 集成
| MCP | 用途 |
|---|---|
| Stability AI | 生成背景、纹理和缺失元素 |
| Firecrawl | 研究技法、算法论文和艺术史 |
| WebFetch | 获取文档、教程和设计参考资料 |
性能目标
| 操作 | Mac M2 | iPhone 15 Pro |
|---|---|---|
| 网格布局（20 张照片） | <50ms | <100ms |
| 照片马赛克（10k 个拼块） | 2s | 5s |
| 力导向布局（50 张图像） | 200ms | 500ms |
| 泊松融合（512×512） | 20ms | 50ms |
| 霍克尼拼接（10 张照片） | 0.5s | 2s |
参考资料
→ references/collage-types.md - 网格、马赛克、剪贴簿、杂志和社交模板
→ references/art-historical-styles.md - 霍克尼、达达主义、超现实主义、劳森伯格
→ references/algorithms.md - 边缘拼接、泊松、最优传输、力导向布局
→ references/advanced-techniques.md - 跨照片互动、叙事序列
→ references/implementation-guide.md - Metal 着色器、Core ML、性能
集成对象
- photo-composition-critic - 拼贴前评估单张照片
- color-theory-palette-harmony-expert - 提取／匹配调色板
- clip-aware-embeddings - 对图像进行语义分组
- native-app-designer - 构建拼贴创作界面
- metal-shader-expert - 加速 GPU 融合／特效
请记住：优秀的拼贴通过编排讲述故事。无论是网格般精准，还是霍克尼式随性，布局都应服务于叙事。既要掌握数学，也要精通艺术。