搜索「Ui」的结果

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

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

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

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

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

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

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 技能）。

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

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

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 通用审美」的代码与界面设计。

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

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

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 个理论框架的分析

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 或

io.github.danielmiessler/Personal_AI_Infrastructure/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 或

io.github.massCodeIO/massCode/api-and-typing

在定义或审查源自生成式 API 客户端或 DTO 的 massCode 渲染层类型时使用，尤其是判断应复用既有 API 形状、派生更窄的本地类型，还是引入仅用于 UI 的模型。

io.github.sickn33/antigravity-awesome-skills/frontend-api-integration-patterns

前端应用对接后端 API 的生产可用模式，包括竞态条件处理、请求取消、重试策略、错误归一化与 UI 状态管理。

io.github.majiayu000/claude-skill-registry-data/css-expert

现代 CSS 专家（层叠层级、OKLCH、容器查询、防御式模式）。用于 CSS 实现、样式、布局、颜色、排版、响应式设计与 UI 组件。

io.github.anthropics/skills/webapp-testing

使用 Playwright 与本地 Web 应用交互并测试的工具包。支持验证前端功能、调试 UI 行为、捕获浏览器截图和查看浏览器日志。

io.github.majiayu000/claude-skill-registry-data/automation-scripts-generator

为组件创建、批量操作、代码转换、项目脚手架以及 UI 库开发工作流的自定义 CLI 工具生成自动化脚本

io.github.Leonxlnx/taste-skill/gpt-tasteskill

精英级 UX/UI 与高级 GSAP 动效工程师。强制执行基于 Python 的真随机布局变化、严格的 AIDA 页面结构、宽幅编辑风格排版（禁止 6 行折行）、无缝隙 bento 网格、严格的 GSAP ScrollTrigger（钉住、堆叠、scrub 跟随）、内联微图与超大区块间距。

io.github.MiniMax-AI/skills/frontend-dev

融合高端 UI 设计、电影感动画、AI 生成媒体素材、说服力文案与视觉艺术的全栈前端开发。构建完整、极具视觉冲击力的网页，使用真实媒体、高级动效与打动人心的文案。适用场景：构建落地页、营销网站、产品页、仪表盘，生成媒体素材（图/视频/音频/音乐），撰写转化文案，创作生成艺术，或实现电影感滚动动画。

io.github.MiniMax-AI/skills/react-native-dev

React Native 与 Expo 开发指南，涵盖组件、样式、动画、导航、状态管理、表单、网络请求、性能优化、测试、原生能力，以及工程化（项目结构、部署、SDK 升级、CI/CD）。适用场景：构建 React Native 或 Expo 应用、实现动画或原生 UI、管理状态、拉取数据、编写测试、优化性能、部署到 App Store/Play Store、搭建 CI/CD、升级 Expo SDK、配置 Tailwind/NativeWind。

io.github.github/awesome-copilot/gsap-framer-scroll-animation

当用户想构建滚动动画、滚动效果、视差、滚动触发的显示、钉住区块、横向滚动、文字动画或任何与滚动位置绑定的动效时使用本技能——适用于 vanilla JS、React 或 Next.js。覆盖 GSAP ScrollTrigger（pin、scrub、snap、时间线、横向滚动、ScrollSmoother、matchMedia）与 Framer Motion / Motion v12（useScroll、useTransform、useSpring、whileInView、variants）。即便用户只说“滚动时动画”“滚动时淡入”“做出苹果式滚动”“视差效果”“粘性区块”“滚动进度条”“入场动画”也应触发。也适用于 GSAP 或 Framer Motion 代码生成的 Copilot 提示词模式。与 premium-frontend-ui 技能搭配，提供创意哲学与设计级打磨。

io.github.tmcfarlane/oh-my-cursor/cursor-image-generation

在 Cursor 中借助内置图像模型与优质提示词生成并迭代图像。当需要根据文字描述或参考图创作图标、插画、UI 效果图、示意图、营销视觉或任何位图素材时使用。