用途:该技能整理了演示文稿 index.html 中使用的 CSS 类与 HTML 模式,用于统一幻灯片样式与结构。
主要能力:提供布局类(.two-col 两列网格、.info-grid 信息卡网格、.col-card 列内卡片,可加 .good 绿边或 .bad 红边、.info-card);内容块类(.trigger-box 灰底深色左边框、.how-to-trigger 绿色框、.warning-box 橙色警告框、.code-block 深色等宽代码块);列表类(.use-cases 与 .use-case-item 图标文本项、.feature-list 带边框列表);标签类(.matcher-tag 灰色内联标签、.weight-badge 绿色徽章,由 JS 自动注入)。
代码高亮:在 .code-block 内使用 span 着色,.comment 绿色、.key 蓝色、.string 橙色、.cmd 黄色。
使用方式:按幻灯片类型套用模式,如两列好坏对比、代码示例、图标列表。weight-badge 不要硬编码,由演示 JavaScript 自动注入和移除。journey-bar 位于进度条下方,标题页隐藏,颜色随进度从红到绿插值。
限制:资料未提供安装命令、依赖、平台或收费信息。