10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
关于我 留言板 小程序 标签云

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI学习教程

手把手教你用Qwen Code 3分钟快速搭建Skill图文生成工作流

2小时前 AI学习教程 13 0

最近阿里发布了Qwen Code 3,采用混合专家(MoE)架构,拥有80B参数规模,每次推理仅激活约3B核心参数。

这几天我用Qwen Code开发了几个辅助工具,从财务计算器到文章排版工具,再到基于Skill的图文生成工作流。

通过这些实践,我发现Qwen Code在代码生成效率和工作流封装能力上有明显优势。

本文通过具体案例,分享我的使用经验和操作步骤。

第一部分:环境配置

1. 环境要求与检查

Qwen Code基于Node.js环境运行,需要Node.js 20+版本。

检查步骤:

打开命令行,输入:node -v

如果显示版本号(如v20.x.x),说明环境就绪

如果无反应,需要先安装Node.js

2. Node.js 安装

访问官网:https://nodejs.org/zh-cn/download

根据系统类型(Windows/Mac/Linux)下载对应版本的安装包,按默认配置完成安装。

3. Qwen Code CLI 安装

环境就绪后,在命令行执行:

npm install -g @qwencode/cli

安装完成后,输入qwen命令启动应用。

首次使用会跳转到登录页面

选择阿里云账户登录。

登录成功之后,会看到下面的提示信息。

第二部分:使用方式

方式一:命令行交互

在命令行直接输入qwen启动,可在终端与AI进行对话式编程。

适合习惯CLI工作流的开发者。

方式二:VS Code 图形界面(推荐)

安装步骤:

下载VS Code:https://code.visualstudio.com/download

打开扩展面板(左侧菜单),搜索"Qwen Code"

安装第一个官方插件

安装完成后,右上角出现Qwen Code图标,点击打开对话窗口

相比CLI方式,图形界面提供更清晰的代码预览和文件管理体验。

第三部分:核心能力验证——三个实践案例

案例1:财务格式转换工具

需求场景:财务人员频繁需要将数字转换为财务格式(千分位+人民币大写),手动处理效率低且易出错。

实现步骤:

在Qwen Code对话框输入需求描述:

请帮我写一个极简的网页工具,用于"数字转财务格式"。

1. 页面布局:顶部输入框提示"请输入数字金额",下方展示两个结果块——"标准财务式"(带千分位逗号,保留2位小数)和"人民币大写"(处理壹贰叁肆、元角分整)

2. 核心要求:实时转换(边输边出)、一键复制、单文件HTML/JS/CSS

执行过程:

AI自动生成完整代码,系统提示"Allow"时选择允许写入文件

代码自动保存为HTML文件

在浏览器中打开文件即可使用,无需部署

效果验证:输入数字后实时显示转换结果,复制按钮可一键复制。

整个过程耗时约3-5分钟。

案例2:中英文混排排版工具

需求场景:写作时中英文、数字混排缺少空格,影响阅读体验。

手动逐字插入空格会打断创作思路。

实现步骤:

在对话框描述需求:

请为我编写一个单文件HTML网页,实现中英文、数字混排的自动加空格排版提效。

1. 功能:在中文与英文、中文与数字间自动插入标准半角空格;修正排版错误(中文后的英文标点转为中文标点);实时处理

2. 界面:左右双文本框布局,带"立即排版"按钮和复制功能

执行结果:

生成支持实时排版的单文件工具

粘贴混乱文案后,右侧立即显示规范化结果

自动处理标点符号转换和段落间隔

实际应用价值:将排版时间从人工逐字处理(通常需要10-20分钟)降低到自动处理(即时)。

案例3:图文并茂文章生成工作流(Skill应用)

Qwen Code也支持Skill,可以将重复的多步流程(如写文案→生成配图→排版→输出)定义为一个可复用的自动化流程。

相比每次都重新输入长Prompt,Skill定义一次、永久使用。

第一步:启用Skill实验功能

启动Qwen Code时添加参数:

qwen --experimental-skills

第二步:配置图片生成服务

访问阿里云百炼MCP服务市场:

https://bailian.console.aliyun.com/cn-beijing/?tab=app#/mcp-market

选择"通义万相 2.5-图像视频生成 MCP",开通服务

页面下方提供JSON配置,点击复制(系统会自动绑定API Key)

没有的话记得先创建一个key

在项目根目录创建.qwen/settings.json文件,粘贴配置内容

重启Qwen Code,输入/mcp list验证配置成功

第三步:下载Skill参考模板

访问Skill市场:https://skillsmp.com/zh

搜索"skill-creator",下载参考模板到.qwen/skills/目录,帮助AI理解Skill规范。

第四步:创建自定义Skill

在对话框输入工作流描述(无需写任何代码):

我想创建一个Skill,帮我快速写图文并茂的文章。要求:

1. 文章要有起承转合的结构,逻辑清晰

2. 每300-500字自动配一张图

3. 图片要跟内容相关,风格统一

4. 最后输出Markdown格式

当我输入"写一篇关于XXX的文章"时,自动调用这个Skill。

AI会自动生成名为article-writer的Skill配置文件,保存在.qwen/skills/目录。

第五步:实战验证

输入触发指令:

我想写一篇关于除夕夜的文章,主题是忙碌而温馨的除夕夜,要展现全家人准备年夜饭的场景。

AI自动执行流程:

识别Skill触发词"写一篇...文章"

规划文章结构(起承转合)

生成文字内容

识别配图位置,提取关键词

调用通义万相MCP服务生成配图

将图片插入对应位置

输出完整Markdown文件

生成的Markdown文件可在VS Code中预览,整个过程无需人工干预。

Skill的实际价值分析

1. 经验资产化

将隐性知识转化为可复用资产。例如:"什么开头更吸引人""配图应该放在哪""什么风格更合适"——这些经验可以固化到Skill中,团队成员直接使用,保证输出质量一致。

2. 创意效率提升

以写文章为例:

  • 传统方式:创作(20%时间)→ 找图(40%时间)→ 排版插图(40%时间)
  • 使用Skill后:创作(80%时间)→ 自动处理(20%时间)

时间分配逆转,意味着更多精力投入实际创意工作。

3. 持续迭代能力

Skill可随时修改优化。例如发现"配图密度从每300字改成每400字阅读体验更好",只需修改Skill参数,之后所有新生成的文章都采用新标准——无需重复编码。

最后的思考:

工具的价值不在于它能做什么,而在于你用它解决了什么问题。

Qwen Code真正意义在于降低了AI能力的使用门槛,让标准化工作流的自动化不再依赖技术团队。

无论是财务人员优化报表流程、编辑快速生成图文内容,还是运营人员自动化数据处理,都可以通过Skill将个人经验转化为团队资产,实现真正的效率倍增。

如果你也在用AI工具优化工作流程,欢迎在评论区分享你的实践经验。

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:手把手教你用Qwen Code 3分钟快速搭建Skill图文生成工作流
#Qwen Code #Skill 
收藏 1
手把手教你免费白嫖一台云服务器并轻松部署 OpenClaw 完整指南
深度解析 Openclaw 底层架构:如何设计一套可落地的 Agent 系统?
推荐阅读
  • 手把手教你快速上手Cherry Studio的 Agent Skills
  • 本地大模型部署实战:Ollama×魔搭社区从0到1搭建LLM私有环境
  • 教你如何用 NotebookLM 构建 AI 学习资料库(附Claude Code公开案例)
  • 手把手教你在树莓派上部署n8n,一款便携式AI工作流硬件就此诞生!
  • Anthropic Academy 推出官方免费课程:Claude API、MCP入门和进阶、Claude Code实战等
评论 (0)
请登录后发表评论
分类精选
Cursor永久免费攻略:无限邮箱注册+重置机器码+Cursor试用期重置工具实现永久免费使用
43415 1年前
手把手教你如何使用扣子Coze搭建“文生图” AI Bot
18103 1年前
n8n新手入门指南:5 分钟本地部署 + 中文汉化 + 快速启动,玩转工作流(Docker版)
16718 7月前
安装字节Trae登录提示App Unavailable(应用程序不可用)解决办法,这份官方指南请收好!
16578 11月前
一文搞懂什么是 Vibe Coding?Vibe Coding工具推荐及Cursor编程开发实践
12490 9月前
Gemini CLI 装好了,登录异常怎么办?手把手教你解决 Gemini CLI 登录问题
12205 7月前
手把手教你使用 Gemini 2.5 Pro 免费 API搭建本地知识库,一键接入 Gemini!
11374 7月前
零基础上手 VSCode + Claude Code + GLM-4.6 保姆级安装配置教程
9429 3月前
手把手教你用AI克隆声音:AnyVoice,只需 3 秒在线免费克隆声音,超真实的语音生成
7795 11月前
手把手教你如何用海螺Ai克隆自己的声音,支持情绪化的声音克隆
7350 1年前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 手把手教你用Qwen Code 3分钟快速搭建Skill图文生成工作流
2 手把手教你免费白嫖一台云服务器并轻松部署 OpenClaw 完整指南
3 Agent Skills 终极指南:从入门到精通的完整路线图
4 Cherry Studio + Skills 技能大公开(附 Agent 设计教程)
5 手把手教你用GitHub Codespaces零成本部署OpenClaw,打造专属AI助手
6 手教手教你如何快速部署OpenClaw桌面智能体实操指南,小白用户也能轻松入门!
7 手把手教你用Pencil做原型设计,Antigravity+Pencil 完整上手指南
8 手把手教你用 OpenCode +Remotion Skills 制作AI视频全流程,从零到视频制作实践
9 字节Coze平台Skills功能实战指南,手把手教你创建一个Skills完整流程
10 手把手教你快速上手Cherry Studio的 Agent Skills
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
微信文章助手 程序库 免费影视APP 免费字体下载 Axure RP 10 免费Axure模板 Axure元件库下载 申请友联