搜索「Ui」的结果

io.github.langfuse/langfuse/frontend-browser-review

Langfuse 用户可见前端变更的浏览器审查共享流程。当改动影响 UI 行为、布局、样式、导航或可能造成浏览器中可见的回归，需要在签署前用 Playwright MCP server 检查时使用。

io.github.oracle-devrel/oracle-ai-developer-hub/taste-skill

资深 UI/UX 工程师角色：设计数字界面时覆盖 LLM 的默认偏好。强制执行基于度量规则、严格组件架构、CSS 硬件加速与均衡的设计工程。

io.github.cloudflare/vibesdk/frontend-design

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

io.github.cloudflare/vibesdk/frontend-design-saas

顶级 SaaS 仪表盘与产品 UI 参考。在构建应用外壳、数据表格、设置面板、账单页、仪表盘、鉴权流程、管理工具或任何内部/客户侧 SaaS 产品 UI 时使用此技能。受 Stripe、Linear、Vercel、Airbnb、Notion 启发。涵盖中性色系设计 token、侧边栏+内容框架、高密度数据 UI、表单繁多的配置页、命令面板、空状态，以及这些产品所达到的无障碍（WCAG AA+）标准。

io.github.lobehub/lobehub/review-checklist

LobeHub 代码审查清单。审查 PR、diff 或分支时使用，检查 console 残留、return await、密钥、i18n、desktop router 漂移、UI import、迁移脚本及云端影响。

io.github.keybase/client/react-native-best-practices

Software Mansion 面向 New Architecture 下生产级 React Native 与 Expo 应用的最佳实践。触发词：React Native、Expo、New Architecture、Reanimated、Gesture Handler、react-native-svg、ExecuTorch、react-native-audio-api、react-native-enriched、Worklet、Fabric、TurboModule、WebGPU、react-native-wgpu、TypeGPU、GPU shader、WGSL、svg、animation、gesture、audio、rich text、AI model、multithreading、chart、vector、image filter、shared value、useSharedValue、runOnJS、scheduleOnRN、thread、worklet，以及任何涉及 UI、图形、原生模块或 React Native 线程与动画行为的问题。当有更专门的子技能匹配时也使用本技能。

io.github.utmapp/UTM/utm-review

在提交前评审 UTM 的待提交变更。对当前分支 diff 做标准正确性/质量代码评审，并按 CONTRIBUTING.md 与 AGENTS.md 中的 UTM 贡献规则审计——范围纪律、commit/PR 格式、AI 署名、日志钩子、生成文件、UI/设计理念与平台兼容性。在创建或更新 UTM pull request 之前、用户要求评审 UTM 变更时、或用户运行 /utm-review 时使用。/utm-submit 工作流默认本技能已在当前变更上运行过。

io.github.relaticle/relaticle/mcp-development

用于 Laravel MCP 开发。在 Laravel 项目中创建或编辑 MCP 工具、资源、提示词、服务器或 UI 应用时触发。涵盖：artisan make:mcp-* 生成器、routes/ai.php、Tool/Resource/Prompt/AppResource 类、schema 校验、shouldRegister()、OAuth 配置、URI 模板、只读属性、MCP 调试、MCP UI 应用、x-mcp::app Blade 组件、createMcpApp()、默认 AppResource handle() 从类名自动推断视图、Response::view()、AppMeta/Csp/Permissions/appMeta() 配置、#[RendersApp] 属性、用于 CDN 库（Tailwind、Alpine）的 Library 枚举，以及通过 CSS 变量应用宿主主题。只要用户提到 MCP 应用、MCP UI、交互式 MCP 资源、用 Tailwind 或 Alpine 为 MCP 应用定样，或为 AI Agent 构建可视化界面，就使用本技能

io.github.EpicenterHQ/epicenter/frontend-design

为新建或重设计的前端界面确定视觉设计方向：布局、字体排印、色彩、动效与反平庸 AI 审美。在设计页面、仪表盘、海报、营销界面或探索性 UI 变体时使用。

io.github.FerroxLabs/wayland/mobile-testing

专业移动应用测试，涵盖单元测试（XCTest、JUnit）、UI 测试（Espresso、XCUITest、Detox）、截图测试、设备农场测试、性能测试、网络状况模拟、无障碍测试与崩溃报告。当用户询问 mobile testing、mobile testing 最佳实践，或需要 mobile testing 实施指导时使用。当用户需要其他专项技能或涉及无关技术领域时请勿使用。

io.github.FerroxLabs/wayland/backend-architect

化身为资深后端架构师，设计可扩展、高可用的服务端系统，明确 API 契约、合理的模型与有据可查的取舍。当用户需要系统设计、数据库架构、API 契约定义、缓存策略或后端技术选型时使用。编写前端 UI 组件、CSS，或对现有 PR 做代码评审时请勿使用。

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

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

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

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

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

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

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

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

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

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

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

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

io.github.tw93/Waza/design

为页面、组件、视觉界面、字体排印与基于截图的打磨，产出具辨识度、生产级的 UI。当用户用中文提出设计/做页面/做组件/UI/前端/截图需求，或抱怨界面丑、看不清、不一致、视觉上不对劲时使用。不适用于后端逻辑或数据管道。

io.github.exceptionless/Exceptionless/frontend-architecture

作为 ClientApp 中 Svelte 5 应用的前端统一入口 skill——新增路由、创建功能切片、编写 Svelte 组件、遵循 TypeScript 约定、复用共享 UI/格式化组件、处理无障碍，或编写前端测试。旧版 Angular 应用（ClientApp.angular）仍支撑当前站点的绝大部分页面，但除用户明确要求改动 Angular 或遗留 UI 外，新的前端开发一律只做 Svelte UI。

io.github.eduhub-org/eduhub/cursor-browser

通过 cursor-ide-browser（Cursor 浏览器标签页）检查 UI；若内置浏览器 MCP 不可用则回退到 user-playwright。适用于 @Browser、打开标签页、布局检查、localhost——或用户明确点名 Playwright 时。

io.github.different-ai/openwork/browser-automation

基于 CDP 的本地 OpenWork Electron 浏览器自动化。适用于驱动本地 Electron 开发应用、browser_list、browser_snapshot、browser_eval、composer 自动化或本地 UI 冒烟测试。

io.github.nexu-io/open-design/gpt-tasteskill

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

io.github.a5c-ai/babysitter/mcp-tool-resource-pattern

实现 MCP Apps 的核心架构模式：Tool 通过 _meta.ui.resourceUri 声明对已注册 Resource 的引用。涵盖 registerAppTool、registerAppResource、文本回退、structuredContent 与仅 app 辅助工具

io.github.a5c-ai/babysitter/mcp-host-styling-integration

将 MCP App UI 与宿主主题系统集成。应用宿主 CSS 变量、处理 onhostcontextchanged、安全区 inset、显示模式检测与全屏配置