用途:为Apple官方开发者文档和Develop in Swift交互教程风格的技术图,建立工程规则、几何公式、排版标准、配色与SVG标记机制。\n\n主要能力:一是Cupertino技术配色与美学规范,90%中性单色底加单一强调色Apple System Blue #0071E3/#2997FF,禁止红绿等多色;每个图形需配diagram.svg与diagram~dark.svg双外观。提供画布、卡片、边框、主标签、次要标签、徽章、连接线等语义色token的光暗两套取值。二是防御性边界框尺寸与排版,10px规则:rectWidth = (maxLineCharacters × 10) + 32px;多行标签用text-anchor="middle"与堆叠tspan(dy="1.4em"),单行不超过24字符;rx/ry需直接写在rect标签上,避免WebKit忽略CSS中的设置。三是箭头标记工程,markerUnits="userSpaceOnUse"固定14px,refX="2"将线端锚定在箭头底部以消除线条穿出尖端;连接线需与源/目标框保持10px–12px呼吸间隙,并按方向提供端点坐标公式。四是标准拓扑蓝图,包括线性流水线、扇出树、双向循环回馈、自适应设备线框。五是暗色模式资产配对,按~dark文件名约定由DocC自动解析,Markdown仅引用基础文件名。\n\n使用方式:作为skill加载后,在创建或编辑箭头标记、连接路径、间隙、消除线条穿出缺陷时查阅references/marker-mechanics.md;构建标准图拓扑与可复制SVG坐标蓝图时查阅references/topologies-and-geometry.md;确定卡片宽度、计算10px规则、格式化多行tspan标签或保证连续圆角时查阅references/typography-and-bounding-boxes.md。\n\n适用场景:需要与Apple开发者文档风格一致的技术架构图、教程交互图、流程图与设备线框。\n\n限制:资料未提供安装命令、许可、平台版本要求或价格信息,暂未提供。
swift-docc-diagrams
设计与创作
更新于 10-16 03:40