用途：VISUALISERA 是 DESIGN.md 的视觉管家，负责定义项目“看起来如何”。它把颜色、字体、间距、约束、组件与主题整理成智能体可读的设计系统，供后续 UI 实现遵循。
主要能力：提供三种模式。Create 模式经七步流程（探索代码库、领域研究、设计对话、写前自审、撰写 DESIGN.md、校验、后续建议）从零建立设计系统；Refine 模式读取现有 DESIGN.md、代码变更、VISION.md 身份与进度，提出并确认更新；Audit 模式先运行结构校验，再扫描代码中的设计漂移，按 Critical、Warning、Info 分级报告并给出修复选项。
使用方式：产物为 .agentera/DESIGN.md，采用标准 Markdown 加围栏 YAML 令牌块，用 <!-- design:colors --> 等注释标记便于机器解析。标准章节包括 colors、font-sizes、fonts、typography、spacing、radius、shadows、theme、constraints、components、tw-merge-preserve，均可选。写入后运行 python3 scripts/validate_design.py --design DESIGN.md --pretty 校验。产物路径先查 .agentera/DOCS.md 的 Artifact Mapping，否则用默认布局。
适用场景：需要为项目建立或维护统一视觉语言、约束智能体生成 UI、检查代码与设计系统漂移的团队。
限制：不修改代码文件，声明与实现分离，实现交由 realisera；写入前必须获得用户明确批准；不得写入与 VISION.md 身份冲突的令牌；不得使用任意令牌值，需采用既定尺度（间距 8pt 网格、模块化字号、OKLCH 颜色）。具体收费、平台支持与效果资料暂未提供。