🛍️ 更多精选好物 ›
💻 JavaScript · MIT · 🐛 开放 Issue:5
📝 工具简介
Build better UI with coding agents. Free design skills, a PR finish gate, and MCP references from 800,000+ web and iOS screens.
📖 怎么用
安装:`npx skills add https://uizze.com --skill ui-design`,或`npx skills add uizze/uizze --skill image-to-ui`。配置/初始化README未说明;片段提到可Connect MCP、Add the PR check,但没给命令。开始用:在Codex、Claude Code、Cursor、Copilot里发brief,例如`Use ui-design to improve our billing settings page...`,或`Use image-to-ui to implement this screenshot...`,按参考图1:1实现并对比修正。
📋 迷你测评
给编码agent配的UI设计技能包,含免费设计技能、PR完成关卡和MCP参考。亮点是参考库来自80万+网页和iOS屏幕,数量摆在那。
📄 README 要点
这个工具在 README 里叫 UIZZE,定位是给 coding agents 用的更好 UI 工作流,让代理构建出来的界面看起来像你的产品。它面向 Codex、Claude Code、Cursor 和 GitHub Copilot,提供聚焦的 UI 流程,还能可选引用 80 万多个真实网页和 iOS 屏幕作为参考。原文提到可以探索 UIZZE、尝试工作流、连接 MCP、添加 PR check,也展示了 20 秒移动端 UI 前后对比。安装方式是安装免费的 UI design skill,然后给 agent 一个真实任务;也可以在已有项目里开始,带着 brief、组件和设计系统。技能不需要账户或 MCP 连接。适用场景是在 Claude Code、Cursor、Copilot 里做 billing screen 这类界面,先安装、复制 brief、可选连接参考搜索,再检查结果。
查看英文原文
UIZZE · Better UI for coding agents Build interfaces that look like your product. Give Codex, Claude Code, Cursor, and GitHub Copilot a focused UI workflow, with optional references from 800,000+ real web and iOS screens . Explore UIZZE → · Try a workflow · Connect MCP · Add the PR check Watch UIZZE before and after 20 second mobile UI comparison: Without UIZZE on the left, With UIZZE on the right. https://github.com/user attachments/assets/d7ee2275 8e7f 474c a2e4 b45759b86996 Build your next screen with UIZZE → Try a billing screen in Claude Code, Cursor, or Copilot: install, copy the brief, connect optional reference search, and check the result. Start with your next screen Install the free UI design skill: [安装/使用命令见下方] Then give your agent a real task: [安装/使用命令见下方] The skills work without an account or MCP connection. Start in an existing project: your brief, components, and design system guide the work. Your task Free skill What to ask for Build or redesign an interface ui design A clear hierarchy, working interactions, and the states your users need Fix a generic first draft anti ui slop Product specific content, deliberate layouts, and a finish review Investigate a UI decision ui radar A focused reference workflow; connect the paid MCP for live retrieval Recreate an image or screenshot image to ui A 1:1 implementation, checked against the reference at the same viewport For a focused review, install anti ui slop instead: [安装/使用命令见下方] Prefer installing from GitHub? Use npx skills add uizze/uizze skill ui design . The domain packages remain canonical for anti ui slop , ui design , and ui radar ; this repository mirrors those three skills. The new image to ui skill is maintained here as a GitHub native package. Recreate an image Have a screenshot or mockup you want implemented? Install Image to UI: [安装/使用命令见下方] Then attach the image and ask: [安装/使用命令见下方] This is a short, self contained skill, not another design framework. It works without an account or MCP connect
💬 评论(0)
交流使用体验、避坑建议;违规内容将被删除