极境视觉架构师

长文排版为什么容易「读不下去」

深度文章若只用默认 Markdown 或公众号编辑器直出，常见问题是段落密度过高、引用与洞察块没有层级，读者在长屏阅读时视觉疲劳明显。品牌向内容还需要一致的色盘与节奏，而不是每篇临时堆内联样式。极境视觉架构师针对的是：需要「呼吸感」布局、偏禅意/静奢/认知理性调性，且要同时拿到可发公众号的 HTML 与可进个人知识库的 MD 的场景。

工作流在做什么

技能把交付拆成两阶段，并在出码前强制对齐视觉方案。

1. 美学导演与 UX 规划：从文本哲学内核提炼视觉关键词与氛围，输出功能色盘（如 .theme-primary）并做移动端 WCAG AA 对比度校验；规划图片分布与 MJ/DALL-E 提示词。必须先产出【视觉确认单】并获认可，才能进入下一阶段。
2. 工业级 HTML 架构：类名驱动、色值抽象、零断裂；复用 .body-text、.section-title、.quote-block、.insight-box、.numbered-item、.cta-button、.think-space 等组件。默认 开发模式（标准 HTML + 引用语法映射，例如 .insight-box → > [!TIP]）；需要贴进微信公众号时再转 发布模式。

启动时可走通用排版、指定风格（现代禅意 / 静奢风 / 认知理性），或「已有 HTML → 发布模式」直转。

边界与注意点

• 开发模式禁止内联 style；跳过视觉确认表直接出码也在禁令之列。
• 粘贴到公众号后样式丢失时，应走 发布模式 而非在开发稿上堆内联样式。
• 换主色优先只改 .theme-primary，避免全文硬编码色值。
• 组件与语义映射细节在技能附带的 references/（美学标准、组件库、映射逻辑、避坑指南）中维护，执行时应按该索引查阅而非凭记忆改结构。