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