halftone-ui-collage

npx skills add FANzR-arch/Phil-design-skills --skill halftone-ui-collage --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

# Halftone UI Collage（网点 UI 拼贴横幅编译器） 把一个主题编译成**一条**可直接生图的提示词。骨架锁死、配色寄存器可换：暖色平涂底上，一个黑白网点人物带白色贴纸描边坐在桌前，右侧浮两张扁平白卡，左三分之一压一块超大黑标题。 核心原则：**三种渲染语言，各守边界。** 网点只落在人物、椅子和笔记本机身；屏幕、卡片、背景、桌面绝对平整干净。任何一方越界，风格立刻塌——网点爬上卡片就变脏拼贴，卡片的干净感蔓延到人物就变廉价矢量插画。 ## 画幅 **5:2 超宽横板锁死。** 出图参数 `3200×1280`、quality `high`——网点密度和卡片小字都吃分辨率，低分辨率下网点糊成灰块、卡片小字烂掉。 16:9 可用但需重排四带预算（标题块要让位）。方图不可用，左右四带叙事会被压死。 ## 风格 DNA（八项，换任何主题不变） 1. **网点作用域只有三样**：人物、椅子、笔记本机身。屏幕、卡片、桌面、背景、有机形状永远平整。 2. **白色贴纸描边只跟人物轮廓**，不跟笔记本、桌子、椅子、卡片——描边爬到家具上是这套风格最刺眼的失手。 3. **五角色色板，一色一职不串岗**：ink（图标/数字/kicker/涂鸦）、swash（只有那一笔笔刷）、accent（只有状态与高亮）、organic（只有底角色块与植物线）、grey（只有占位条/细线/描边）。 4. **底部两角有机波浪色块** + 细手绘植物线，高度 <18%，永远在最底层。 5. **上方两角小网点方阵**，各一簇。 6. **右三分之一两张异构白卡 + 一枚跨角 chip**：一张图形卡（图表/树/网格/折线），一张行列卡（列表/标签/状态行）。两张同构即失败。 7. **左三分之一 kicker + 两行超大黑体标题**，是画面第一主导元素，大幅领先。 8. **手绘涂鸦 ≤6 笔**，非对称，只落三处：chip 附近、标题与人物之间、swash 上方。 第 1 条最容易丢：模型默认会把全图统一成一种质感。第 3 条其次——色板一旦串岗，画面立刻变成随机彩色拼贴。 ## 物件准确性协议（本 skill 的承重段） 这套风格的失败几乎全部集中在笔记本和手上。**六条每次必带，不可精简**，完整条款见 `references/compile-contract.md`。 1. **单体连续**：笔记本是一个完整连续的物件——键盘底座与上盖由铰链相连、共享同一透视；屏幕 UI 画在**边框内部**、四周留均匀内边距，不是浮在空中的独立面板。 2. **接触面必须点名**：桌面要在 Scene 里作为实体存在；笔记本底座整块压在桌面上，带一道紧贴的接触阴影。凡是画面里出现的物件，都要写清它落在什么面上。 3. **裁切唯一**：只有桌面被下边缘裁切。笔记本整机在画内，