搜索「Ui」的结果

io.github.sickn33/antigravity-awesome-skills/cc-skill-frontend-patterns

面向 React、Next.js、状态管理、性能优化与 UI 最佳实践的前端开发模式。

移动无障碍

io.github.Community-Access/accessibility-agents/mobile-accessibility

面向 React Native、Expo、iOS（SwiftUI/UIKit）与 Android（Jetpack Compose/Views）的移动无障碍专家。审计 accessibilityLabel、accessibilityRole、accessibilityHint、点击目标尺寸、读屏兼容性与平台专属语义。适用于任何 React Native 或原生移动代码审查——约 60% 的 Web 流量来自移动端，而多数 UI 无障碍工具会忽略移动端专属模式。

移动端自动化

io.github.K9i-0/ccpocket/mobile-automation

使用 MCP（dart-mcp + Marionette）进行 Flutter 应用 E2E 自动化与 UI 验证的指南。适用于模拟器 UI 行为确认、mock 预览验证、经 Bridge 的 E2E 测试、截图等应用行为验证场景。当被说“帮我验证运行”“验证 UI”“E2E 测试”“在模拟器上确认”“用 mock 确认”，或处于 UI 改动后的验证阶段时使用。

Zoom 会议 SDK iOS

io.github.anthropics/knowledge-work-plugins/ios

Zoom Meeting SDK 的 iOS 原生应用支持。用于在 iOS 中以默认/自定义 UI 嵌入 Zoom 会议、PKCE + SDK 认证、带 ZAK 的主持人开始，以及移动端生命周期处理。

GitHub Desktop 测试

vdevelopment

io.github.desktop/desktop/testing

GitHub Desktop 中编写与维护测试的说明，涵盖单元测试、UI 组件测试与临时端到端测试。在实现功能或修复缺陷时用以编写相关测试、更新既有测试、运行完整套件检查回归，并生成用于 Pull Request 文档的截图与视频。

全栈前端开发

io.github.UnicomAI/wanwu/frontend-dev

融合高级 UI 设计、电影感动效、AI 生成媒体素材、有说服力的文案与视觉艺术的全栈前端开发。用于构建视觉冲击力足、带真实媒体、高级动效与出色文案的完整 Web 页面。适用场景：制作落地页、营销站点、产品页、仪表盘，生成媒体素材（图片/视频/音频/音乐），撰写转化文案，创作生成艺术，以及实现电影感滚动动效。

frontend-design（前端界面设计）

io.github.microsoft/agent-academy/frontend-design

打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 做样式美化）时使用此技能。生成富有创意、打磨精细的代码与 UI 设计，避免千篇一律的 AI 审美。

Adaptive Cards 表单

io.github.microsoft/PowerToys/add-adaptive-card-form

使用 Adaptive Cards 为 Command Palette 扩展创建表单类 UI。当被要求添加表单、用户输入字段、开关、文本框、下拉菜单、数据录入、问卷、配置对话框或交互内容页时使用。支持用 Adaptive Cards Designer 做可视化表单搭建。

移动应用测试

io.github.secondsky/claude-skills/mobile-app-testing

移动应用测试，包括单元测试、UI 自动化与性能测试。在搭建测试基础设施、编写 E2E 测试、制定测试标准，或遇到测试框架配置、平台专属测试问题时使用。

browser-pair（结对浏览器会话）

io.github.langwatch/langwatch/browser-pair

面向 UI 工作的协作式有头浏览器会话。启动对用户可见的 Playwright Chromium，处理登录后，边驱动浏览器边由用户实时观看并给出视觉反馈。改代码并刷新，当场验证修复。当用户说「browser pair」「paired browser」「我们一起看看这个」「打开 chromium」，或想在实时视觉反馈下迭代 UI 时使用。

编写 TSDoc 注释

vdevelop

io.github.medusajs/medusa/writing-tsdocs

为 Medusa 代码库中的 TypeScript 源文件添加和更新 TypeDoc（TSDoc）注释。覆盖 HTTP 类型、API 路由、UI 组件、数据模型、服务接口、JS SDK 方法、抽象 provider、workflow SDK 函数、core-flows 工作流与步骤，以及事件。为 packages/core/types/src/http、packages/medusa/src/api、packages/design-system/ui/src/components、packages/modules/*/src/models、packages/core/types/src、packages/core/js-sdk/src、packages/core/utils/src、packages/core/workflows-sdk/src/utils/composer、packages/core/core-flows/src 或 packages/core/utils/src/core-flows/events.ts 下的文件添加 TSDoc 注释时使用。

Agent 原生审查

io.github.udecode/plate/agent-native-reviewer

审查代码以确保 agent-native 对等性——用户能执行的任何操作，agent 也应能执行。在新增 UI 功能、agent 工具或系统提示词后使用。

前端开发模式

io.github.affaan-m/ECC/frontend-patterns

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。

tailwind-design-system(Tailwind 设计体系)

io.github.calesthio/OpenMontage/tailwind-design-system

使用 Tailwind CSS v4、设计令牌、组件库与响应式模式构建可扩展设计体系。适用于创建组件库、实施设计系统或标准化 UI 模式。

前端设计

io.github.Kiranism/next-shadcn-dashboard-starter/frontend-design

创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或为任意 Web UI 做样式美化）。生成富有创意、精致的代码与 UI 设计，避免千篇一律的 AI 审美。

Web 动效设计

io.github.baptisteArno/typebot.io/web-animation-design

设计并实现自然且恰到好处的 Web 动画。当用户问到动画、运动、easing、时序、时长、spring、过渡或动画性能相关问题时主动使用。包括如何为特定 UI 元素做动画、该用哪种 easing、动画最佳实践，或动效的无障碍考量。触发词：easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring 物理、keyframes、transform、opacity、fade、slide、scale、hover 效果、微交互、Framer Motion、React Spring、GSAP、CSS transitions、进出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、modal/dropdown/tooltip/popover/drawer 动画、手势动画、拖拽交互、按钮按压感、显得卡顿、变顺滑。

React Joyride

io.github.gilbarbara/react-joyride/react-joyride

实现、配置和调试 React Joyride v3 引导 tours 的指南。当用户提到 joyride、引导 tour、新手引导、walkthrough、tooltip tour、分步指南、产品 tour，或希望按顺序高亮 UI 元素时使用。也在调试 tour 问题时使用，如 tooltip 不出现、找不到目标或受控模式问题。涵盖 useJoyride hook、Joyride 组件、step 配置、事件、控件、自定义组件和样式。

Next.js 前端测试

io.github.NeverSight/learn-skills.dev/nextjs-frontend-testing

当用户想为 Next.js（App Router）+ TypeScript + Tailwind + shadcn/ui 项目搭建、改进或运行前端测试（单元、组件与 E2E）时使用此技能，技术栈为 Vitest/Jest、React Testing Library 与 Playwright。

移动端 UX 模式库

io.github.revfactory/harness-100/mobile-ux-patterns

移动 UX 设计模式库。作为 ux-designer 的扩展技能，提供 iOS HIG/Material Design 3 指南、导航模式、手势交互、响应式布局和无障碍检查清单。用于“移动 UX”“iOS 指南”“Material Design”“导航模式”“手势”“设计令牌”“移动无障碍”等移动端 UI/UX 设计。但实际设计文件生成或代码实现不在本技能范围内。

移动端 UX 模式库

io.github.revfactory/harness-100/mobile-ux-patterns

移动 UX 设计模式库。作为 ux-designer 的扩展技能，提供 iOS HIG/Material Design 3 指南、导航模式、手势交互、响应式布局和无障碍检查清单。用于“移动 UX”“iOS 指南”“Material Design”“导航模式”“手势”“设计令牌”“移动无障碍”等移动端 UI/UX 设计请求。但实际设计文件创建或代码实现不在本技能范围内。