$ loading_
将 AI 编码助手变成带访谈、校验与预览的移动 UI 设计工具
复制安装指令,让 AI 自动完成配置 · 推荐新手
"Pixl" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请用设计访谈方式帮我定义一个移动记账应用的首页 UI,逐步询问目标用户、核心任务、信息层级和关键状态,并整理成可实现的界面需求。
一份通过设计访谈整理出的移动首页界面需求说明,包含用户目标、页面结构和关键状态。
为一个移动电商应用建立 UI token contract,覆盖颜色、字体、间距和圆角,并说明组件实现时需要遵守的约束。
一份移动 UI 的设计令牌与约束清单,可用于指导实现一致的界面样式。
请检查这个移动 UI 实现是否违反既定的设计令牌和规范,并给出需要修复的问题清单,同时说明如何在本地浏览器中预览。
一份界面 lint 检查结果与修复建议,并附带本地预览说明。
设计师或产品经理在需求还不清晰时,可通过设计访谈逐步收敛移动端界面方向。这样能更快把想法整理成可实现的 UI 方案。
开发者和设计师可用它定义 token contract,把颜色、排版和间距等约束明确下来。这样有助于减少移动界面实现中的风格不一致问题。
在完成界面实现后,团队可借助 lint 规则和本地浏览器预览检查问题。这样能在交付前更早发现不符合规范的 UI 细节。
Pixl 是一个 MCP 工具,可把 AI 编码宿主转成面向移动 UI 的引导式设计工具。已知能力包括设计访谈、token contract、lint 检查和本地浏览器预览。
从描述看,它最适合参与移动界面定义与实现的人,如设计师、开发者和产品经理。它强调从设计约束到实现检查的一体化流程。
给定素材没有提供安装步骤、运行时或密钥要求。更多信息见源码仓库。
将提示词、截图和网址转成 UI 设计,辅助 AI 编码与主题令牌生成。
让 AI 稳定创建和编辑像素画,支持图层、动画帧与对称绘制。
将 Google Stitch 设计能力接入 AI 助手,用自然语言浏览项目并生成界面
为 AI 编码代理提供设计指导、界面代码建议与设计评审支持。
通过代码代理驱动本地 AI 影视制作流程,完成分镜、画布与时间线创作。
通过模板与提示词批量生成品牌图片并导出 PNG,提升设计产能。