AI画图技术笔记

1. SVG（Scalable Vector Graphics）

  • 矢量图形格式，可无损缩放
  • 适合用于图标、图表、插图等
  • 代码可编辑，便于精确控制

2. Mermaid

  • 基于文本的图表生成工具
  • 支持流程图、时序图、甘特图等
  • 适合技术文档和架构图

3. HTML（通过Google Doc转为PPT）

  • 使用HTML创建可视化内容
  • 通过Google Docs转换为PPT演示文稿
  • 适合创建演示文稿和幻灯片

4. Nano Banana

  • AI辅助绘图工具
  • 用于快速生成图形内容

提示词使用指南

科研风格

  • 风格描述：科研风白底黑字图
  • 特点：简洁、专业、学术感
  • 适用场景：论文配图、学术报告、技术文档

炫酷风格

  • 风格描述：炫酷的多小图形样式，不需要太多详细的文字说明
  • 特点：
    • 不需要太多详细的文字说明
    • 以图形为主，视觉冲击力强
    • 适合展示概念和流程

Vibe Coding - AI编码质量约束

核心目标

通过Prompt或其他方法，为AI生成代码设置质量约束，确保下线代码质量符合标准。

质量约束指标

1. 圈复杂度（Cyclomatic Complexity）

  • 标准：低于10
  • 说明：控制函数的复杂度，提高可维护性
  • 作用：降低测试难度，减少潜在bug

2. 单函数行数

  • 标准：低于300行
  • 说明：保持函数职责单一
  • 作用：提高代码可读性和可测试性

3. 提取枚举类

  • 要求：将相关常量组织为枚举
  • 说明：避免使用分散的常量定义
  • 作用：提高类型安全性，增强代码语义

4. 消除魔数

  • 要求：将硬编码的数字提取为命名常量
  • 说明：避免代码中出现无意义的数字字面量
  • 作用：提高代码可读性和可维护性

实施方法

方法一：Prompt约束

在提示词中明确要求：

  • “请确保圈复杂度低于10”
  • “每个函数不超过300行”
  • “使用枚举类替代常量”
  • “消除魔数，使用命名常量”

方法二：代码审查

  • 使用linter工具自动检测
  • 人工审查关键指标
  • 建立质量检查清单

方法三：持续集成

  • 集成静态代码分析工具
  • 设置质量门禁
  • 自动化质量检查

优势

  • 提高代码可维护性
  • 降低技术债务
  • 减少潜在bug
  • 提升团队协作效率