搜索「Ui」的结果

io.github.NeverSight/learn-skills.dev/nextjs-developer

在这个 Next.js 14 App Router 代码库中实现功能，配合 lint 与 TypeScript 检查，并匹配现有 Prisma/认证/UI 模式。在 InterlinedList 仓库中构建或修改 app 路由、组件、lib 模块或 API 处理器时使用。

io.github.EKKOLearnAI/hermes-studio/apikey-image-gen

通过 Hermes Web UI 生成或编辑图像，使用所选/所请求 profile 在 config.yaml 中配置的 API-key 图像提供方。

io.github.affaan-m/ECC/windows-desktop-e2e

针对 Windows 原生桌面应用（WPF、WinForms、Win32/MFC、Qt）的 E2E 测试，使用 pywinauto 和 Windows UI Automation。

io.github.shuvonsec/claude-bug-bounty/mobile-pentest

面向漏洞赏金的移动应用渗透测试（Android APK + iOS IPA）——运行时优先流程：安装应用、经 Burp/mitmproxy 代理、驱动 UI、抓包，然后完全像 Web 目标一样测 API；仅当流量被 SSL pinning、加密或缺失时才升级到反编译（apktool/jadx）与 Frida/objection。涵盖通过 APK/IPA 反编译挖掘硬编码密钥 + 隐藏 API 端点 + Web 端从不暴露的 base URL、导出 Activity 与 deeplink intent 注入、WebView addJavascriptInterface 桥滥用、SSL pinning 绕过（objection patchapk / Frida CertificatePinner + checkServerTrusted hook）、用 OkHttp 拦截器链还原请求签名、JNI native-lib 初查，以及 apktool/grep 快速扫描密钥与端点。当项目范围含移动应用、Web 侦察陷入僵局需要新攻击面，或流量被 pinning 必须做 MitM 时使用。

io.github.github/awesome-copilot/react-container-presentation-component

在 src/components 下按 Container/Presentation 模式创建组件：询问组件名与类型（ui 或 features），然后按本仓库的 TypeScript、Storybook 与 SCSS 约定生成文件。当用户明确索要 Container/Presentation 模式组件或运行 /react-container-presentation-component 时使用。

io.github.TriliumNext/Trilium/ckeditor5-reviewing

评审或审计 Trilium（TriliumNext Notes）monorepo 中的 CKEditor 5 插件代码，或涉及 packages/ckeditor5-*、packages/ckeditor5 构建的 PR/diff。用于检查 Trilium CKEditor 5 插件的正确性与惯用写法：schema/转换/命令/UI/widget 代码、CKEditor 特有缺陷（upcast/downcast 不对称、upcast 元素未消费、缺少 inline-widget 位置映射、命令 refresh/isEnabled 问题、内存泄漏、t() 遗漏、editing/UI 职责越界），以及 Trilium 集成缺陷（未在 plugins.ts 注册、toolbar.ts 缺少按钮、import/文件扩展 lint 失败、错误的 augmentation 模块、.po 本地化缺口、错误的测试环境）。与 ckeditor5-plugin-development、ckeditor5-testing 配套并复用其检查清单。

io.github.TriliumNext/Trilium/ckeditor5-testing

在 Trilium monorepo 中测试 CKEditor 5 插件。适用于为 packages/ckeditor5-* 包添加或评审单元测试、调试失败的测试，或为包搭建测试运行器。涵盖 Trilium 使用的两种 Vitest 环境（happy-dom 与 WebdriverIO 浏览器模式）、各包的 vitest.config.ts、基于真实 ClassicEditor 的测试、从 'ckeditor5' 导入的 model/view 辅助函数（_setModelData/_getModelData/_getViewData 及 {}/[] 选区语法）、vi spy/mock、schema/转换/命令/UI 测试的惯用写法、pnpm --filter 运行方式，以及 Trilium 特有的约定与坑。与 ckeditor5-plugin-development 和 writing-unit-tests 互补。

io.github.aidenybai/react-grab/react-grab

当用户想要一个免手动的工作回路：用 React Grab 在浏览器中抓取 UI 元素并自动将任务喂给代理，无需复制粘贴或手动交接时使用。触发语：“watch react grab”“monitor my grabs”“auto-process react grab”“watch my clipboard for grabs”。不适用于一次性粘贴单个抓取结果；这是持续开启的回路。

io.github.affaan-m/ECC/click-path-audit

追踪每个面向用户的按钮/触点的完整状态变化链路，用来发现单个函数各自都能工作、却相互抵消、产生错误的最终状态或让 UI 处于不一致状态的缺陷。使用时机：系统性调试没查出问题但用户反馈按钮失灵，或任何涉及共享状态存储的重大重构之后。

io.github.affaan-m/ECC/make-interfaces-feel-better

应用具体的设计工程细节，让界面显得更精致。在审查或改进 UI 间距、排版、边框、阴影、动效、点击热区、图标、文字换行和交互状态时使用。

io.github.affaan-m/ECC/frontend-design-direction

为生产级 UI 工作确定一套 ECC 专属的前端设计方向。当构建或改进网站、仪表盘、应用、组件、落地页、可视化工具，或任何需要更强产品化设计判断的 Web UI 时使用。

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

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

io.github.coollabsio/coolify/tailwindcss-development

用户消息以任何形式包含 'tailwind' 时始终调用。还适用于:构建响应式栅格布局(多列卡片栅格、商品栅格)、flex/grid 页面结构(带侧边栏的仪表盘、固定顶栏、移动端可折叠导航)、UI 组件样式(卡片、表格、导航栏、价格区、表单、输入框、徽章)、添加暗色模式变体、修复间距或排版,以及 Tailwind v3/v4 工作。核心场景:在 HTML 模板(Blade、JSX、Vue)中编写或修正 Tailwind 工具类。跳过:后端 PHP 逻辑、数据库查询、API 路由、无 HTML/CSS 部分的 JavaScript、CSS 文件审计、构建工具配置和原生 CSS。

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 最佳实践。