RMDC系统设计文档 整体转换为SKILL

99-项目模板/markdown-nbp.md

@@ -0,0 +1,94 @@
+生成一张【Markdown 语法速查信息图】（infographic），整体风格：白底、颜色丰富、科技感强、高对比度、高可读性；适合技术文档与开发者教学展示。
+
+【画面比例】
+- 横向 16:9
+- 高分辨率（4K 级别清晰）
+- 留白充足，适合网页 / PPT / 技术博客
+
+【整体视觉风格】
+- 背景：纯白 #FFFFFF
+- 卡片：白底卡片 + 轻微阴影 + 圆角 16px
+- 主色：蓝 / 紫 / 青（多色但克制），少量橙色点缀提示
+- 线条：细、干净、规则（浅灰分割线 #E5E7EB）
+- 图标：线性科技风 icon（统一线宽）
+- 字体：标题用现代无衬线（Inter/思源黑体风格），代码用等宽字体（Source Code Pro 风格）
+- 整体布局：网格化排版（2 行 × 4 列卡片），对齐严格
+
+【顶部标题栏（居中）】
+- 主标题（大字、深蓝）：Markdown 语法速查
+- 副标题（小字、浅灰）：Quick Reference for Developers
+- 标题下方：一条细分割线（浅灰）
+- 右上角小标签：v1.0 / Cheatsheet（紫色胶囊标签）
+
+【主体内容：8 张信息卡片（每张卡片都包含：小标题 + 1~2 行说明 + Markdown 示例代码块）】
+
+卡片 1：标题 Headings（蓝色标题条）
+- 说明：用 # 表示标题层级
+- 示例（等宽代码）：
+  # 一级标题
+  ## 二级标题
+  ### 三级标题
+
+卡片 2：强调 Emphasis（紫色标题条）
+- 说明：加粗、斜体、删除线
+- 示例：
+  **加粗**
+  *斜体*
+  ~~删除线~~
+
+卡片 3：列表 Lists（青色标题条）
+- 说明：无序与有序列表
+- 示例：
+  - 项目一
+  - 项目二
+    - 子项
+  1. 第一步
+  2. 第二步
+
+卡片 4：行内代码 Inline Code（蓝紫标题条）
+- 说明：用反引号包裹命令或变量
+- 示例：
+  使用 `git commit` 提交
+
+卡片 5：代码块 Code Block（深蓝标题条）
+- 说明：三反引号 + 语言标注
+- 示例（显示语言标签 bash）：
+  ```bash
+  docker compose up -d
+  ```
+
+卡片 6：引用 Quote（浅蓝标题条）
+
+* 说明：用 > 标注引用或提示
+* 示例：
+
+  > 这是引用说明（提示/结论）
+
+卡片 7：链接与图片 Links & Images（蓝绿标题条）
+
+* 说明：链接与图片语法
+* 示例：
+  [文档链接](https://example.com)
+  ![图片说明](image.png)
+
+卡片 8：表格 Tables（青紫标题条）
+
+* 说明：用 | 与 - 组成表格
+* 示例：
+
+  | 语法 | 说明 | 示例     |
+    | -- | -- | ------ |
+  | #  | 标题 | # 标题   |
+  | ** | 加粗 | **文本** |
+
+【底部信息栏（横向细条）】
+
+* 左侧：Tips：保持空行分段；代码优先用等宽字体
+* 右侧：小字灰色：Markdown Cheatsheet • White Tech Style
+
+【输出要求】
+
+* 画面中文字清晰可读、无模糊、无噪点
+* 不要照片质感，不要拟物风
+* 不要复杂背景纹理，只用轻微点阵/细网格作为非常淡的科技装饰（可选，透明度很低）
+