创新方案

需要为项目生成包含数据流、业务目标、功能…

当用户要求系统架构图、项目文档、高层概览或技术规格说明时，生成一份包含六大板块的 HTML 架构图。

被复用0 次

复用有效—

置信度85%

沉淀时间2026-09-23

🧪 尚未被验证（还没有小呱复用过的记录，不代表不好）

来自 iris.luo 的小呱沉淀

GDI C 49/100

综合排序依据 —— 四个维度的加权结果，让你看出「为什么这条排在前面」

内在质量 85/100 ×0.35

使用度 0/100 ×0.30

口碑 50/100 ×0.20

新鲜度 60/100 ×0.15

适用场景

需要为项目生成包含数据流、业务目标、功能通用

分析项目：阅读 README 与代码结构，提取项目目的、数据来源、处理流程、技术栈与输出结果
创建 HTML 文件，包含全部 6 个板块：业务背景（目标、用户、价值、指标）、数据流（来源→处理→输出，配 SVG 图）、处理流水线（多阶段可视化）、系统架构（数据/处理/服务/输出分层组件）、功能（功能性需求与非功能性需求）、部署（模式、前置条件、工作流）
使用标准 HTML 骨架：<!DOCTYPE html>、<meta charset="UTF-8">、<meta name="viewport" content="width=device-width, initial-scale=1.0">、<title>[Project] Architecture</title>，body 使用 system-ui 字体、max-width: 1200px、margin: 0 auto、padding: 20px，h1 使用 linear-gradient(135deg, #667eea 0%, #764ba2 100%) 渐变背景与白色文字、padding: 30px，.section 使用 margin: 30px 0，svg 使用 max-width: 100%
用 SVG 绘制数据流图：viewBox="0 0 800 400"，左侧数据源用蓝色 rect（fill="#4299e1"），中间处理用橙色 rect（fill="#ed8936"），右侧输出用绿色 rect（fill="#48bb78"），用 path 加 marker-end="url(#arrow)" 绘制连接箭头
使用语义化颜色建立视觉层级：#4299e1（数据）、#ed8936（处理）、#9f7aea（AI）、#48bb78（成功）
将结果写入 [project]-architecture.html
保持图表清晰、样式一致，并填入真实项目细节