文章目录

先回答这项工具到底负责什么

Qwen Code适合先整理中文需求中的角色、动作和限制,再通过 Pixso MCP 把结构落到可编辑页面。角色权限设置页的难点不在于画几个开关,而在于让角色选择、权限分组、继承关系和保存反馈彼此对应。

Qwen Code的 MCP 配置、工具审批和 Pixso 的设计读写是两层能力。Pixso MCP可以读取组件、样式和变量,并在权限允许时写入;Qwen Code项目级配置则决定哪些工具可以被发现和执行。

Qwen Code将角色权限需求整理为可编辑的Pixso页面结构,保留角色、权限与状态关系
角色权限页必须先讲清动作和限制,再决定视觉层级。

配置先求可复现,再谈自动化

项目级配置便于团队 review,个人全局配置则容易把不相关的工具带入任务。按照当前 Qwen Code 文档,远程 HTTP MCP 可以通过命令添加,也可以写入项目 settings;完成后用管理命令检查名称、传输类型和当前审批状态。

qwen mcp add --transport http pixso https://pixso.cn/mcp
qwen mcp list
qwen mcp remove pixso

命令参数会随客户端版本变化,终端帮助和当前文档是最终依据。令牌不要写入仓库;对团队项目,提交服务定义和审批策略,保留个人授权在本机。

把需求拆成页面对象和状态

先把需求写成对象表:管理员可以管理成员,编辑者可以改内容,观察者只能查看;继承权限要能被解释;保存失败时要保留修改。让 Qwen Code 返回对象、动作和状态,再把对象映射到 Pixso 的容器、组件和文字层。

检查对象先确认什么通过标准
角色栏当前角色与切换切换后权限表同步更新
权限组查看、编辑、管理继承与独立权限分开
提示区权限来源与风险不只用颜色提示
操作区保存、取消、返回保存中和失败可恢复

先读结构,再决定页面怎么变

连接完成后只读目标画板和设计系统资源。Qwen Code应返回现有按钮、开关、标签和颜色变量,设计师确认哪些可复用、哪些需要新建。若直接创建一套新按钮,后续维护会出现同一职责多种外观。

读取层级不完整时,先补读子节点;不要把截图 OCR 结果当作组件结构。目标链接应指向带节点定位的页面或容器,文件级链接只适合确认文件归属。

Pixso中的角色权限设置页,复用角色选择、权限开关、提示和保存组件
把需求对象对应到真实可编辑图层,而不是只复制视觉效果。

分轮构建设计页面

第一轮只创建页面骨架和信息分区;第二轮把角色、权限和继承规则放进组件;第三轮补充保存中、成功、失败、空权限和无访问权限状态。每轮都保持原稿,便于比较和撤回。

页面首屏应先回答当前角色和可以做什么,再展示大量权限项。长权限名称不应挤压开关和说明;批量操作需要明确影响范围。中文后台尤其要预留更长的标签和帮助文案空间。

第一轮:角色栏 / 权限组 / 操作区
第二轮:组件实例 / 变量 / 权限继承说明
第三轮:空态 / 保存中 / 成功 / 失败 / 无权限

审批工具调用,避免无意改共享资源

Qwen Code显示工具审批时,逐项确认目标节点和是否触及共享组件。只读工具可自动;写入工具按轮次审批;全局变量和组件主件需要更高等级确认。写入后重新读取节点并截图,确保页面只新增了一份骨架。

Qwen Code与Pixso MCP的工具审批及页面状态检查,区分读取、写入和撤回
工具可用不等于适合当前页面;审批必须结合目标和影响。

把可编辑页面交给团队

验收角色权限页时,产品看规则是否完整,设计师看组件和层级,研发看节点命名、变量和响应式约束。Qwen Code可以继续整理待办,但不能替团队决定权限含义。

完成后保留原稿、精修版本和审批记录。这样的交付可被继续编辑和评审,比一张一次性生成的展示图更适合团队协作。