菜单
扫描项目代码模块并生成符合金融科技风格的技术文档报告。基于《四组-技术文档规范.md》的设计规范，生成包含系统架构、核心模块、API参考、安全系统等章节的HTML报告。Use when用户需要分析代码模块并生成技术文档报告，或提到"扫描"、"生成报告"、"技术文档"等关键词。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
自动应用浅蓝色主题样式规范到HTML文档。读取7组-样式markdown.md文件中的CSS样式定义，将浅蓝色主题配色(#4A90E2,
生成南方基金风格的技术方案报告，输出为独立 HTML 文件和对应 Markdown 文件。使用蓝色主题、封面页、版本/审批/分发表、目录、分页符等企业报告元素。当用户要求生成技术方案报告、项目报告、南方基金风格报告时触发此技能。触发词：技术方案报告、南方基金风格、企业报告、方案报告。
生成专业技术方案报告HTML文件，采用金融级视觉规范（品牌蓝#004098 + 行动红#E72521双主色体系）。当用户需要生成技术报告、技术方案文档、项目方案书时使用此Skill。
Generate professional HTML scan reports for codebase analysis. Use when creating technical documentation, code scanning reports, or when the user requests a formatted report following team standards.
| name | scan-to-report |
| description | 扫描项目代码模块并生成符合金融科技风格的技术文档报告。基于《四组-技术文档规范.md》的设计规范，生成包含系统架构、核心模块、API参考、安全系统等章节的HTML报告。Use when用户需要分析代码模块并生成技术文档报告，或提到"扫描"、"生成报告"、"技术文档"等关键词。 |
本 Skill 用于扫描项目中的代码模块，分析其架构和实现，并生成符合金融科技风格的技术文档HTML报告。
/Users/jeccey/Project/ira/四组-技术文档规范.md/Users/jeccey/Project/ira/copaw-dingtalk-report.html确定以下信息：
执行代码扫描，收集以下信息：
扫描清单:
- [ ] 模块目录结构
- [ ] 核心代码文件（主要类/函数）
- [ ] 配置文件和常量定义
- [ ] 依赖和接口定义
- [ ] 注释和文档字符串
基于扫描结果分析：
按照设计规范生成HTML报告，包含以下章节：
报告结构:
1. 项目概述（定位、技术栈、术语）
2. 系统架构（架构图、模块划分、类关系）
3. 核心模块（详细设计、代码示例）
4. 数据流分析（入站/出站流程）
5. 功能特性（消息类型、企业级功能）
6. API参考（核心方法、常量定义）
7. 安全系统（认证、访问控制、数据安全）
8. 配置管理（配置示例、环境变量）
9. 部署运维（前置条件、监控指标、常见问题）
10. 总结（核心优势、技术亮点、改进建议）
必须使用以下品牌色：
/* 品牌色 */
--color-brand-red: #E72521; /* 主色 - 品牌红 */
--color-brand-blue: #004098; /* 副色 - 企业蓝 */
--color-dark-blue: #0B264A; /* 页脚背景色 */
/* 中性色 */
--color-white: #FFFFFF;
--color-dark-gray: #333333;
--color-text: #222222;
--color-gray: #888888;
--color-light-bg: #EFF4F9;
--color-light-blue: #E5F8FD;
/* 系统字体栈 */
--font-family: -apple-system, "system-ui", "Segoe UI", system-ui,
Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif,
"PingFang SC", "Microsoft YaHei",
"Helvetica Neue", Helvetica, Arial;
/* 标题 */
H1: 36px | 500 | #FFFFFF (Hero区域)
H2: 28px | 500 | #333333 | 下边距15px | 底部边框2px solid #004098
H3: 20px | 500 | #333333
/* 正文 */
正文: 16px | 400 | #222222 | 行高1.8
小文本: 14px | 400 | #888888
/* 页面间距 */
--spacing-page: 131.67px; /* 页面两侧边距 */
--spacing-lg: 60px; /* 章节间距 */
--spacing-md: 40px; /* 模块间距 */
--spacing-sm: 30px; /* 元素间距 */
--spacing-xs: 20px; /* 小间距 */
.info-card {
background: #EFF4F9;
padding: 24px;
margin: 20px 0;
border-radius: 8px;
border-left: 4px solid #004098; /* 蓝色边框 */
}
.info-card.warning {
border-left-color: #E72521; /* 红色边框 */
background: #FFF5F5;
}
.info-card.success {
border-left-color: #10B981; /* 绿色边框 */
background: #F0FDF4;
}
.code-block {
background: #0B264A; /* 深墨蓝背景 */
color: #FFFFFF;
padding: 20px;
border-radius: 8px;
font-family: "Consolas", "Monaco", monospace;
font-size: 14px;
line-height: 1.6;
}
.data-table th {
background: #004098; /* 企业蓝表头 */
color: #FFFFFF;
padding: 14px 16px;
}
.data-table td {
padding: 12px 16px;
border-bottom: 1px solid #E5E7EB;
}
.data-table tr:nth-child(even) {
background: #EFF4F9; /* 斑马纹 */
}
.tag {
display: inline-block;
background: #004098;
color: #FFFFFF;
padding: 4px 12px;
border-radius: 4px;
font-size: 12px;
margin-right: 8px;
}
.tag.red { background: #E72521; }
.tag.green { background: #10B981; }
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<!-- 样式定义 -->
</head>
<body>
<!-- 1. 固定顶部导航 -->
<header class="header">
<div class="logo">项目名称 <span>技术报告</span></div>
<nav class="nav-links">...</nav>
</header>
<!-- 2. Hero区域（深蓝渐变背景） -->
<section class="hero">
<h1>报告标题</h1>
<p class="hero-subtitle">副标题</p>
<div class="hero-meta">
<span>📅 生成时间</span>
<span>📁 项目路径</span>
<span>🔖 版本</span>
</div>
</section>
<!-- 3. 主内容区 -->
<main class="main-content">
<!-- 目录 -->
<nav class="toc">...</nav>
<!-- 统计概览 -->
<div class="stats-grid">...</div>
<!-- 各章节 -->
<section class="section" id="overview">...</section>
<section class="section" id="architecture">...</section>
<!-- ... -->
</main>
<!-- 4. 页脚（深墨蓝背景） -->
<footer class="footer">...</footer>
</body>
</html>
/* 平板 */
@media (max-width: 1024px) {
:root { --spacing-page: 40px; }
.stats-grid { grid-template-columns: repeat(2, 1fr); }
}
/* 手机 */
@media (max-width: 768px) {
.hero h1 { font-size: 28px; }
.stats-grid { grid-template-columns: 1fr; }
}
必须包含：
必须包含：
必须包含：
必须包含：
必须包含：
必须包含：
必须包含：
必须包含：
必须包含：
必须包含：
当用户使用此 Skill 时，按以下步骤执行：
询问或确认：
{主题}-report.html）使用工具扫描代码：
list_dir 查看目录结构read_file 读取核心文件grep_code 搜索关键模式基于扫描结果：
使用 create_file 生成HTML文件，确保：
扫描 copaw/src/copaw/app/channels/dingtalk/ 目录，生成钉钉消息推送模块的技术报告
生成文件：copaw-dingtalk-report.html
报告包含：