用途:把一个概念铸成编辑式图文档案,读者像翻期刊专题一样经历“卡住—走不通—翻过去—看见了”的弧线。输出单文件 HTML,inline CSS 加 Google Fonts CDN(Noto Serif SC / Noto Sans SC / Caveat / JetBrains Mono),不写 JS,容器宽 1080px、高度自适应。
主要能力:六条公理约束叙事(真问题在前、必须有失败、顿悟在前命名在后、“那一刻”视角、文字克制不点题、中文母语表达);六个 layout 模具锁死节奏:feature(起点)、note(失败一,含 sidekick 涂鸦区与便签)、archive(失败二,含印章与结案语)、cross(转折,200px 爆点)、hero(顿悟)、closing(命名,中心对称)。四种字族必须同时使用:Serif 主标题、Sans 正文、Mono 编号与脚注、Hand 手写批注。颜色 ≤4 主色,禁用 #000 纯黑。必备结构件含 kicker、drop-cap、byline、stamp。
使用方式:按资料给出的 HTML 骨架复用结构,内容由叙事弧线决定;参考同目录 example.html 的完整 CSS。自检六项:问题站不剧透且视角正确、失败站有线索、命名只在 closing、无元自指、无翻译腔、六节 margin-top 不全等。
限制:标题不能出现概念名;不用图标或 emoji 装饰;不居中所有标题;六节 padding 不可一致;不用 Inter 字体;sidekick 不能空。本 skill 改编自 lijigang/ljg-skills · ljg-card -v sketchnote(v2.3.0),原版输出 PNG,此版直接输出单文件 HTML。