style: add napi and service tool frame pictures

Signed-off-by: zhaojunxia <zhaojunxia@kaihong.com>

docs/INSTRUCTION_ZH.md

@@ -21,6 +21,8 @@ NAPI框架生成工具支持三种入口，分别是可执行程序、VS Code插
 
 通过NAPI框架生成工具，使用者可输入一个接口定义的ts文件，一键生成NAPI框架代码、业务代码框架、GN脚本等文件，并使用生成的NAPI接口及功能。使用者也可以输入一个定义方法的.h头文件，反向生成ts文件。
 
+![](../figures/pic-frm.png)
+
 ## 预检查
 
 napi_generator的可执行程序方式和插件方式都具有预检查的功能，如果.d.ts文件中存在语法错误，那么执行的时候命令行会打印出错误信息，指出代码中存在错误的行号。使用效果如下：

hdc/api/docs/INSTRUCTION_ZH.md

@@ -18,6 +18,8 @@ API扫描工具支持三种入口，分别是可执行程序、VS Code插件、I
 
 通过API扫描工具，开发者可以扫描输出三方库中存在，而OpenHarmony源码中不存在的风险接口，移植之前预知风险，降低移植难度，提高开发效率。
 
+![](./../figures/pic-api-frm.png)
+
 ## 生成result文件
 
 ### 可执行程序使用方法

hdc/service/docs/INSTRUCTION_ZH.md

@@ -18,6 +18,8 @@ SERVICE框架生成工具支持三种入口，分别是可执行程序、VS Code
 
 通过SERVICE框架生成工具，使用者只需提供一个定义远程方法的.h头文件，一键生成SERVICE框架代码，主要包含Ability注册、proxy/stub类实现、MessageParcel数据包构造、Service子系统编译及开机自启动相关配置文件。
 
+![](../figures/pic-service-frm.png)
+
 ## 生成框架
 
 ### 可执行程序使用方法