搜索「Ui」的结果

io.github.paperclipai/paperclip/github-pr-workflow

从功能分支准备 GitHub Pull Request——分支整洁度、提交组织、标题/正文、验证说明、UI 工作的截图，以及对评审意见的回复。

Codename One 应用开发

io.github.eugenp/tutorials/codename-one

构建和修改 Codename One 跨平台移动应用（Java 17、Maven、ParparVM/Android/iOS/JavaScript）。当项目包含 common/codenameone_settings.properties、依赖 com.codenameone:codenameone-core、编辑 common/src/main/css/ 下的 CSS、调用 cn1:run/cn1:test/cn1:build、引用 com.codename1.ui.*/com.codename1.testing.*，或用户要求构建 UI、编写界面测试、生成截图、与 Swing/HTML/Android 对比时使用。

Codename One 应用开发

io.github.eugenp/tutorials/codename-one

构建和修改 Codename One 跨平台移动应用（Java 17、Maven、ParparVM/Android/iOS/JavaScript）。当项目包含 common/codenameone_settings.properties、依赖 com.codenameone:codenameone-core、编辑 common/src/main/css/ 下的 CSS、调用 cn1:run/cn1:test/cn1:build、引用 com.codename1.ui.*/com.codename1.testing.*，或用户要求构建 UI、编写界面测试、生成截图、与 Swing/HTML 对比时使用。

视觉回归测试

io.github.jeremylongshore/claude-code-plugins-plus-skills/testing-visual-regression

通过截图比对检测 UI 组件的视觉变化。用于发现非预期的 UI 变化或像素差异。触发语如 “test visual changes”、“compare screenshots”、“detect UI regressions”。

前端设计

io.github.steipete/agent-scripts/frontend-design

前端 UI：页面、应用、组件，打造精致而非千篇一律的设计。

Android 设计

io.github.wshobson/agents/mobile-android-design

掌握 Material Design 3 与 Jetpack Compose 模式，构建原生 Android 应用。在设计 Android 界面、实现 Compose UI 或遵循 Google Material Design 规范时使用。

移动应用开发参考

io.github.telagod/code-abyss/developing-mobile-apps

移动开发知识参考，覆盖 iOS（SwiftUI）、Android（Jetpack Compose）、React Native 与 Flutter。在构建移动应用、使用跨平台框架或实现原生 UI 模式时使用。

设计诊断 design-is

io.github.thedotmack/claude-mem/design-is

依据 Dieter Rams「好的设计是……」十原则审计设计，并输出 /make-plan 提示，指向三种结果之一——新设计、精修设计或重做设计。当用户说「audit this design」「design review」「用 Rams 原则检查这个 UI」「这个 UI 好吗」「critique this design」「design audit」，或要求给出应导向计划的批评时使用。

浏览器 QA

io.github.affaan-m/ECC/browser-qa

在功能部署之后，通过浏览器自动化完成可视化测试与 UI 交互验证。

前端设计

io.github.novuhq/novu/frontend-design

创建有辨识度、生产级的前端界面，设计品质要高。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用本技能（例如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或为任何 Web UI 做样式/美化）。产出富有创意且精致的代码与 UI 设计，避免平庸的 AI 风格。

前端设计思维

io.github.vudovn/ag-kit/frontend-design

面向 Web UI 的设计思维与决策。在设计组件、布局、配色方案、字体排版或创造有美感的界面时使用。教导原则而非固定数值。

设计审查 design-review

io.github.nexu-io/open-design/design-review

会写代码的设计师：先做视觉走查再修复，以原子提交并配前后截图。适合上线前打磨已交付的 UI。

DESIGN.md 设计规范

io.github.Yeachan-Heo/oh-my-codex/design

规范的仓库内 DESIGN.md 工作流：作为产品、UI/UX 与前端决策的唯一事实来源。

MCP 测试

io.github.podman-desktop/podman-desktop/mcp-testing

使用 electron-test MCP 服务器对 Podman Desktop UI 进行交互式测试。支持生产模式（已安装应用）和开发模式（pnpm watch）。适用于手动测试 UI 工作流、排查 UI 问题、探索功能或快速验收测试。

撰写文档

vdevelop

io.github.medusajs/medusa/writing-docs

为 book、resources、ui、user-guide 和 cloud 项目撰写与更新 Medusa 文档 MDX 文件。适用于基于代码 diff 修改文档、新增页面、更新既有内容或更新组件示例。修改 www/apps/ 下任何 MDX 文件前务必先加载本技能。

测试

io.github.citypaul/.dotfiles/testing

行为驱动测试的模式。在编写测试、创建测试工厂、组织测试文件或决定测试内容时使用。不适用于 UI 专项测试（参见 front-end-testing 或 react-testing 技能）。

css-effects

io.github.ReadyToGo-Education/fluxo_criativo/css-effects

为网站任意元素应用 CSS 与 JavaScript 视觉效果——文本、卡片、按钮、表单、导航、模态框、图片、加载器、滚动、光标、背景与微交互。只要用户要求“添加效果”“更好看”“做动画”“现代化”“变得交互化”“加样式”“更专业”，或发来按钮、卡片、标题、区块、导航栏、hero、表单、菜单、模态框等元素的截图/描述并寻求视觉改进，务必使用本技能。也在“这里能用什么效果”“给这部分想点创意”“怎么让站点更出彩”“这块太无趣”“X 站那个效果怎么做”以及询问各 CSS 效果作用与原理时触发。用户未明说 CSS 也要用——任何 Web UI 视觉改进请求都应触发。当用户表示正在搭建网站、落地页、作品集、仪表盘并希望令人印象深刻或更具竞争力时同样触发。

Activepieces 设计系统

io.github.activepieces/activepieces/design

Activepieces（开源 AI 自动化平台，「Zapier 的开源替代」）的设计系统。在为 Activepieces 设计、原型或构建 UI 时使用——Web 应用（flow builder、runs、connections、dashboard）、文档或营销页面。提供品牌紫 #8142E3、以 sm（14px）为正文字号的 Inter 字阶、Tailwind 中性色、Lucide 图标、Shadcn/Radix 原语约定、标志性的点状画布 builder 背景，以及复刻的 Web UI 组件库。

前端设计

io.github.xstongxue/best-skills/frontend-design

创建具有高设计品质、可交付生产的前端界面。当用户要求构建 Web 组件、页面、海报或应用（如官网、落地页、仪表盘、React/Vue 组件、HTML/CSS 布局，或对任意 Web UI 进行样式/美化）时使用本技能。产出有创意、打磨到位且避免「AI 通用审美」的代码与界面设计。

frontend-testing-debugging（前端测试与调试）

io.github.openai/plugins/frontend-testing-debugging

通过 Build Web Apps 或 web dev 插件测试、调试或对已渲染的前端应用做定向改进时使用：本地开发服务器、UI 回归、交互 bug、控制台错误、响应式布局与视觉 QA。先检查 Browser 插件是否可用，可用则优先使用；否则使用常规 Playwright 并记录所选原因。

前端专家 oma-frontend

io.github.first-fluke/oh-my-agent/oma-frontend

前端专家，负责 React、Next.js、TypeScript，采用 FSD-lite 架构、shadcn/ui 并与设计系统对齐。用于 UI、组件、页面、布局、CSS、Tailwind 和 shadcn 相关工作。

设计师之眼

io.github.LeoYeAI/openclaw-master-skills/design-critique

获得诚实的设计反馈。上传任何视觉作品——UI 设计、logo、照片、图形、PDF——获得按优先级排列的评审：哪里有问题、哪里做得好、哪里需要打磨。基于 11 个理论框架的分析

automation-browser-api-workflows

io.github.davidtoby/agent-skills/automation-browser-api-workflows

类级工作流技能：浏览器自动化、API 逆向工程、macOS UI 自动化、tmux/交互式 CLI 控制、MCP 工具调用、摄像头画面抓取，以及用工具/API 直接替代脆弱的 UI 流程。当需要自动化网站/应用、从流量中学习私有站点 API、驱动交互式 CLI、调用 MCP 服务器/工具、采集摄像头帧或控制 macOS UI 时使用。

浏览器操作

io.github.danielmiessler/LifeOS/Browser

通过 agent-browser 实现无头浏览器自动化——Rust CLI 守护进程，带持久化 auth profile，支持快速、可脚本化、并行的浏览器工作。支持批量命令、网络拦截、设备模拟、按站点 auth profile（一次有头登录，此后始终无头）、通过 --session 并行隔离会话。工作流：ReviewStories（将 YAML 用户故事分发到并行 UIReviewer）、Automate（加载并运行参数化 recipe 模板）、Update。通过 agent-browser 指令委派给通用 agent 做后台并行抓取。若站点有 bot 检测则回退到 Interceptor。适用场景：无头浏览器、批量抓取、快速截图、dev server 测试、并行浏览器、后台自动化、提取数据、审查 stories、自动化 recipe、批量截图、并行抓取多页。不适用于真实 Chrome 的部署验证或 UI 确认（用 Interceptor）。不适用于简单单 URL 抓取（用 WebFetch）。不适用于验证码或 bot 检测绕过（用 BrightData 或