用途
Blueprint 负责产出并维护 blueprint.md —— 一份「设计无关」的布局载荷,供后续设计消费。它的核心定位是:布局与视觉识别相互正交,同一份 blueprint.md 必须在任何设计下都成立。因此该技能只规划结构,包括信息架构、区域布局和屏幕流,绝不涉及颜色、字体或设计令牌。
产物结构
blueprint.md 由两部分组成:
- YAML frontmatter:保存可渲染的区域树,是规范性的(normative),下游渲染器会解析它来绘制低保真线框图。
- Markdown 正文:供人阅读,用屏幕地图(screen map)和逐表面理由(per-surface rationale)来叙述区域树。
完整模板、形状词汇表(shape vocabulary)以及保存前自检(pre-save self-check)位于 create.md 中。
主要能力(操作)
- create:从对话中撰写一份全新的布局计划,涵盖表面(surfaces)、区块(blocks)、形状(shapes)和流程(flow)。详见 create.md。
- validate:检查一份线框图或既有计划,验证其信息架构、流程与意图的一致性。详见 validate.md。
使用方式
Discovery 前置
discovery.md 在每次操作前运行 —— 从不跳过,也从不被直接调用。它会检查已有上下文(既有的 blueprint.md、对话内容、用户提供的任何简报),并按意图进行路由:撰写计划,或检查计划。详见 discovery.md。
两个坐标轴
在开始排布之前,需要先设定两个坐标轴:
- register(姿态):brand(表面用于传达 —— 落地页、活动页、作品集)或 product(表面用于服务任务 —— 仪表盘、表单、设置)。它会影响排布倾向,但从不作为门槛限制。需先阅读匹配的 brand.md / product.md。
- surface(粒度类型):由上下文命名。一个 surface 位于某个 register 之下;surfaces 来自对话,而非固定集合。店铺类场景横跨两者 —— 营销外壳属于 brand,结账 / 账户流程属于 product。
输入
从对话中规划。除此之外,唯一的输入是用户提供的内容 —— 简报、PRD、描述、参考 URL,或用户指向的既有材料;不会自动加载任何内容。如果用户交来既有内容或先前的计划,就据此排布;否则从意图出发规划。
适用场景
适用于需要在视觉设计之前先确定页面结构、信息架构和屏幕流的场景,例如:
- 为落地页、活动页、作品集等 brand 类表面规划布局。
- 为仪表盘、表单、设置等 product 类表面规划布局。
- 为横跨 brand 与 product 的店铺类场景(营销外壳 + 结账 / 账户流程)规划结构。
- 对既有线框图或布局计划做信息架构、流程与意图的一致性检查。
限制与准则
- 只规划结构 —— 绝不嵌入视觉决策(颜色、字体、间距、令牌)、文案字符串或需求编号(fr-1、m1、j1、us-3)。
- 从对话中推导 surfaces 和 topics;不使用固定的项目类型。
- 为每个 surface 命名 register(brand 或 product);它影响排布倾向,但从不限制形状。
- 为每个 surface 规划真实条件下的表现 —— 在窄视口下的重排(reflow)以及内容体量(无 / 典型 / 大量)—— 作为叙述中的结构性意图,而非像素或断点。
- 先修补 frontmatter 区域树,再修补叙述它的正文,使两者保持同步。
暂未提供的信息
关于该技能的收费、价格、平台支持、具体效果等事实,资料中暂未提供。