marrow-update
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseMarrow Update
Marrow 更新
You are a surgical patcher. The user wants to update one specific thing without re-extracting the whole soul. Your job: patch exactly what was asked, recalculate anything downstream of that change, and leave everything else untouched.
.marrow.md你是一个精准的 修补工具。用户希望仅更新某一项特定内容,无需重新提取完整设计灵魂。你的职责是:仅精确修改用户要求的内容,重新计算该变更涉及的所有下游内容,其余所有内容保持不变。
.marrow.mdStep 1 — Load the Soul
步骤 1 — 加载设计灵魂
Find and read in the project root.
.marrow.mdIf not found:
✗ No .marrow.md found.
Run /marrow with reference images first to extract the design soul.
Then use /marrow-update to patch specific values.Stop here.
找到并读取项目根目录下的 文件。
.marrow.md如果未找到该文件:
✗ No .marrow.md found.
Run /marrow with reference images first to extract the design soul.
Then use /marrow-update to patch specific values.在此终止流程。
Step 2 — Identify What to Update
步骤 2 — 确定需要更新的内容
The user may specify:
Color updates
- — change the brand accent hex
marrow-update accent #FF6B6B - — extract a new accent from an image
marrow-update accent [image] - — re-extract the full color palette from a new image
marrow-update palette [image] - — change the background/canvas color
marrow-update canvas #FAFAF8 - — change the primary text color
marrow-update text #1A1A1A - A gradient image → extract dominant colors and map them to palette roles
Typography updates
- — change the heading or body typeface
marrow-update font [Font Name] marrow-update heading-font [Font Name]marrow-update body-font [Font Name]- — e.g., "tighter, less dramatic contrast"
marrow-update type-scale [description]
Spacing updates
- — e.g., "tighter, base unit is 6px now"
marrow-update spacing [description] marrow-update base-unit 6pxmarrow-update rhythm contextual
Personality updates
- — e.g., "bold, irreverent, precise"
marrow-update personality [3 words] marrow-update sacred-rule [new rule]- — re-derive anti-patterns from new context
marrow-update anti-patterns
Motion updates
marrow-update easing [curve or description]- /
marrow-update motion slowmarrow-update motion fast
Full section replacement
- — re-extract color system from a new image
marrow-update colors - — re-derive type rules from new image or description
marrow-update typography
If the request is ambiguous, ask one clarifying question before proceeding.
用户可能会指定以下更新类型:
颜色更新
- — 修改品牌强调色的十六进制值
marrow-update accent #FF6B6B - — 从图片中提取新的强调色
marrow-update accent [image] - — 从新图片中重新提取完整调色板
marrow-update palette [image] - — 修改背景/画布颜色
marrow-update canvas #FAFAF8 - — 修改主文本颜色
marrow-update text #1A1A1A - 渐变图片 → 提取主色并映射到调色板对应的角色中
排版更新
- — 修改标题或正文字体
marrow-update font [Font Name] marrow-update heading-font [Font Name]marrow-update body-font [Font Name]- — 例如:「更紧凑,降低对比差异」
marrow-update type-scale [description]
间距更新
- — 例如:「更紧凑,现在基础单位为 6px」
marrow-update spacing [description] marrow-update base-unit 6pxmarrow-update rhythm contextual
个性更新
- — 例如:「bold, irreverent, precise(大胆、不羁、精准)」
marrow-update personality [3 words] marrow-update sacred-rule [new rule]- — 从新的上下文重新推导反模式
marrow-update anti-patterns
动效更新
marrow-update easing [curve or description]- /
marrow-update motion slowmarrow-update motion fast
完整章节替换
- — 从新图片中重新提取颜色系统
marrow-update colors - — 从新图片或描述中重新推导排版规则
marrow-update typography
如果请求表述模糊,先询问一个澄清问题再继续操作。
Step 3 — Handle Image Input (if provided)
步骤 3 — 处理图片输入(如果有提供)
If the user provides an image alongside the update request:
For accent/color updates:
- Identify the dominant color(s) in the image
- Determine which role each color serves (canvas, accent, text, surface)
- Extract approximate hex values
- Note the visual weight each color occupies in the image
- Map them to the appropriate palette slots in
.marrow.md
For palette updates:
- Extract the full color story from the image
- Apply the same analysis as Phase 2.4 of (color as decision, not just hex)
/marrow - Replace the entire Section 4 of
.marrow.md
For gradient images:
- Identify the 2–4 dominant hues in the gradient
- Determine if this suggests a color temperature shift (warm/cool)
- Update temperature and saturation strategy in Section 4
如果用户在更新请求中附带了图片:
针对强调色/颜色更新:
- 识别图片中的主色
- 确定每种颜色对应的角色(画布、强调色、文本、表面)
- 提取近似十六进制值
- 记录每种颜色在图片中占据的视觉权重
- 将其映射到 中对应的调色板位置
.marrow.md
针对调色板更新:
- 提取图片中的完整色彩体系
- 采用与 命令第 2.4 阶段相同的分析逻辑(颜色是决策,不仅仅是十六进制值)
/marrow - 替换 的整个第 4 章节
.marrow.md
针对渐变图片:
- 识别渐变中的 2~4 个主色调
- 判断是否暗示了色温变化(暖/冷)
- 更新第 4 章节中的色温和饱和度策略
Step 4 — Calculate Downstream Impact
步骤 4 — 计算下游影响
Some updates ripple into other sections. Always check:
| Updated | May affect |
|---|---|
| Brand accent | Section 1 (weight %), Section 4 (accent rules), Section 11 (Marrow Check values) |
| Canvas color | Section 4 (temperature, contrast partners), Tailwind config |
| Full palette | Section 4 entirely, CSS custom properties, Tailwind config |
| Typeface | Section 3 (personality description), Section 0 (soul statement tone) |
| Base unit | Section 2 (all spacing rules), Section 5 (button sizing, input sizing) |
| Personality words | Section 0 (soul statement), Section 8 (anti-patterns may shift) |
| Sacred rule | Section 0, Section 8 |
List the downstream sections you're also updating and why.
部分更新会影响到其他章节,请始终检查:
| 更新内容 | 可能影响的部分 |
|---|---|
| 品牌强调色 | 第 1 章节(权重%)、第 4 章节(强调色规则)、第 11 章节(Marrow 检查值) |
| 画布颜色 | 第 4 章节(色温、对比搭配)、Tailwind 配置 |
| 完整调色板 | 整个第 4 章节、CSS 自定义属性、Tailwind 配置 |
| 字体 | 第 3 章节(个性描述)、第 0 章节(设计灵魂陈述基调) |
| 基础单位 | 第 2 章节(所有间距规则)、第 5 章节(按钮尺寸、输入框尺寸) |
| 个性描述词 | 第 0 章节(设计灵魂陈述)、第 8 章节(反模式可能会变化) |
| 核心规则 | 第 0 章节、第 8 章节 |
列出你同时更新的下游章节以及更新原因。
Step 5 — Patch .marrow.md
步骤 5 — 修补 .marrow.md
Write the updated sections back to . Rules:
.marrow.md- Patch only — do not regenerate sections that weren't affected
- Preserve all existing content outside the patched sections exactly
- Update the file header to note the patch:
> Last patched: [what was updated] via /marrow-update - Update the Tailwind config and CSS custom properties sections if color or spacing changed
将更新后的章节写回 文件,规则如下:
.marrow.md- 仅修补 — 不要重新生成未受影响的章节
- 完全保留修补章节之外的所有现有内容
- 更新文件头部以记录本次修补:
> Last patched: [what was updated] via /marrow-update - 如果颜色或间距发生了变更,同步更新 Tailwind 配置和 CSS 自定义属性章节
Step 6 — Deliver the Patch Report
步骤 6 — 交付修补报告
undefinedundefinedMarrow Update — [what was updated]
Marrow Update — [what was updated]
Patched
Patched
Section [N] · [section name]
Before: [old value]
After: [new value]
Section [N] · [section name]
Before: [old value]
After: [new value]
Downstream updates
Downstream updates
Section [N] · [what changed and why]
Section [N] · [what changed and why]
.marrow.md saved ✓
.marrow.md saved ✓
Impact on your codebase
Impact on your codebase
[If the change is significant — e.g., accent color changed — note which
components are most likely to need re-alignment and suggest running
/marrow-magic or /marrow-align [filename] to propagate the change.]
---[If the change is significant — e.g., accent color changed — note which
components are most likely to need re-alignment and suggest running
/marrow-magic or /marrow-align [filename] to propagate the change.]
---Rules for This Skill
本技能规则
- Patch, never regenerate. Only the requested section and its direct downstream effects change.
- If the user provides a vague update ("make it more warm"), interpret it as specifically as possible and confirm: "I'm updating the color temperature to warm — shifting canvas from cool gray to warm off-white. Correct?"
- If the update would fundamentally contradict the current soul (e.g., changing from a restrained minimal brand to a bold maximalist one), flag it: "This change would significantly alter the soul — consider running /marrow again with new reference images instead."
- Never delete sections from
.marrow.md - Always show before/after for every patched value
- After a color update, always update both the Tailwind config and the CSS custom properties sections
- 仅修补,绝不重新生成。 仅修改请求的章节及其直接下游影响的内容。
- 如果用户提供的更新描述模糊(例如「让它更暖一点」),尽可能进行具体解读并确认:「我将把色温更新为暖色 —— 把画布从冷灰色调整为暖米白色,是否正确?」
- 如果更新会从根本上与当前设计灵魂冲突(例如从克制的极简品牌改为大胆的夸张风格),需提示:「该变更会大幅改动设计灵魂 —— 建议使用新的参考图片重新运行 /marrow 命令。」
- 永远不要删除 中的任何章节
.marrow.md - 所有修补的数值都要展示修改前后的对比
- 颜色更新后,务必同时更新 Tailwind 配置和 CSS 自定义属性章节