“Ui” 共 609 个结果
io.github.nexu-io/open-design/mobile-app
在页面内以像素级精确的 iPhone 15 Pro 边框中渲染的移动应用界面。通过复制种子文件 `assets/template.html` 并粘贴 `references/layouts.md` 中的一种界面原型构建。当需求提到「mobile app」「iOS app」「Android app」「phone screen」或「app UI」时使用。
io.github.nexu-io/open-design/frontend-design
创建具有独特风格、生产级质量的前端界面：强视觉主张、精致排版、考究布局，并交付可运行的 HTML/CSS/JS 或框架代码。适用于网站、落地页、仪表盘、React 组件、应用界面与 UI 美化。
io.github.openclaw/openclaw/node-connect
跨路由、认证、配对、二维码/设置码和重连等环节，诊断 OpenClaw Control UI 浏览器及原生 Android、iOS 或 macOS 节点连接失败。
io.github.n8n-io/n8n/content-design
面向 UI 文案的产品内容设计师。在编写、评审或校对用户可见文本时使用：按钮标签、错误提示、tooltip、空状态、弹窗文案、占位文本、确认对话框、新手引导流程及 i18n 文案。用户输入 /copy、/content 或 /ux-copy 时也适用。
io.github.ArchiveBox/ArchiveBox/archivebox
在进行 ArchiveBox 应用、CLI、服务端、Docker 镜像、Admin UI、REST API、数据目录、爬取、快照以及发布与部署脚本相关工作时使用。
io.github.affaan-m/ECC/windows-desktop-e2e
针对 Windows 原生桌面应用（WPF、WinForms、Win32/MFC、Qt）的 E2E 测试，使用 pywinauto 和 Windows UI Automation。适用于使用 pywinauto 或 UI Automation 为 Windows 原生桌面应用编写 E2E 测试。
io.github.affaan-m/ECC/motion-patterns
面向 React/Next.js 的生产级动画模式——按钮、弹窗、Toast、交错动画、页面过渡、退出动画、滚动与布局动画——基于 motion-foundations 的令牌与弹簧配置构建。当为 React 或 Next.js 中的具体 UI 元素添加动画时使用，如按钮、弹窗、Toast、交错动画、页面过渡或滚动。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。当构建或审阅 React、Next.js 的组件、状态或渲染性能时使用。
io.github.supabase/supabase/react-hook-form
在 monorepo 内正确使用 React Hook Form——数据流、订阅、reset、脏状态、数字输入以及受控输入规则。在编写或修改任何表单代码、给已有表单加字段、使用 watch/useWatch/formState/getValues/setValue/reset、把表单接入 dialog 或 sheet、或实现提交/取消底栏之前先加载本 skill，即使改动看起来很简单。仓库中普遍存在 RHF 反模式，不加载本 skill 会照抄它们。表单布局与选用组件请再加载 studio-ui-patterns。
io.github.mukul975/Anthropic-Cybersecurity-Skills/exploiting-excessive-data-exposure-in-api
针对 OWASP API3:2023（数据过度暴露）测试 API：拦截原始 API 响应并与 UI 实际渲染的内容比对，找出前端过滤掉但 API 仍在传输的 PII、内部标识、调试数据或业务敏感字段。适用于审计 REST 或移动应用 API 的过度取数、响应过滤绕过或端点响应中的非预期数据泄露。
io.github.nexu-io/open-design/orbit-general
Open Orbit 简报技能——当用户连接了两个及以上连接器时由 Orbit 流水线选用。从每个已授权连接器（GitHub、Linear、Notion、Slack、飞书、Calendar、Gmail、Drive、Sentry、Vercel 等）拉取过去 24 小时的活动，并在「我的设计」顶部渲染单一自适应 bento 网格仪表盘。每个连接器模块按返回数据的形态自选 UI 形式（列表、头像堆叠、状态环、热力图、文件网格、告警卡等），使布局随 Orbit 连接器生态的增长而扩展。不应手动触发此技能——它由 Orbit 的每日摘要调度器针对用户实时连接器数据调用。
io.github.nexu-io/open-design/mobile-app
在页面内以像素级精确的 iPhone 15 Pro 边框中渲染的移动应用界面。通过复制种子文件 `assets/template.html` 并粘贴 `references/layouts.md` 中的一种界面原型构建。当需求提到「mobile app」「iOS app」「Android app」「phone screen」或「app UI」时使用。
io.github.NousResearch/hermes-agent/gitnexus-explorer
提供可交互的代码库知识图谱 Web UI。
io.github.supabase/supabase/safe-sql-execution
只要代码会构建、返回、拉取或执行针对用户真实 Postgres 数据库的 SQL，就使用本 skill——即使需求读起来像普通功能或 bug 修复，完全没提“security”“injection”或“SafeSqlFragment”。覆盖：编写或修改任何构造/返回数据库对象（表、视图、函数、DB 触发器、索引、RLS 策略）SQL 的 pg-meta 函数、查询构造器或接口；把 schema/表/列/搜索词/路由参数插入 SQL 文本；存储、读取或重跑从数据库往返的 SQL（策略定义、函数/视图定义、片段保存内容）；以及任何把 SQL 发到项目库的 Run/Apply/Execute 动作（SQL 编辑器执行选中、策略编辑器应用、片段执行器）。在动手写这类代码前就要加载，不要只在评审成品 diff 时才用。仅在改动完全不涉及 SQL 文本或执行时跳过——样式、无关的数据 hook、非 SQL 表单校验或 UI 布局工作。
io.github.actualbudget/actual/running-vrts
在 Actual Budget 仓库中新增、更新、重新生成、运行或调试视觉回归测试（VRT）与截图测试时一律使用。包括诸如新增一个 VRT、添加截图测试、更新快照、重新生成 VRT 截图、VRT 失败了、yarn vrt、vrt:docker 或 /update-vrt 之类的请求，以及任何需要为 UI 改动补截图覆盖的情况。VRT 快照必须在 Linux docker 镜像内生成（绝不能在宿主机上），且快照更新必须只限定于改动的测试——这两点任一搞错，都会产出让 CI 忽略的快照或重写仓库里的全部截图。
io.github.QuantumNous/new-api/i18n-translate
为本项目补全并维护前端 i18n 翻译。覆盖查找缺失的翻译键、检测未翻译条目，并为所有支持的 locale（en、zh、zh-TW、fr、ja、ru、vi）添加翻译。凡涉及前端 locale 文件、缺失翻译键、未翻译 UI 文本、`t(...)` 键、`useTranslation()`、静态 i18n 键、按钮/标签/toast/dialog/placeholder/校验文案，或哪怕只是补一个 i18n 键的任务都适用。当审查结论提到缺失 i18n、新 UI 文本需要翻译，或用户要求添加翻译、修复 i18n、补全翻译时使用。翻译、添加 locale 键或编辑前端 i18n 文件前必须先加载并遵循本技能。
io.github.pingdotgg/t3code/ios-debugger-agent
使用仓库配置的 XcodeBuildMCP 服务器构建、启动、检视并驱动 iOS 应用。在 macOS 上用于 iOS 模拟器构建、聚焦的原生测试运行、语义化 UI 自动化、截图、日志或调试，包括 T3 Code Mobile 验证。
io.github.affaan-m/ECC/browser-qa
部署后使用浏览器自动化进行可视化测试与 UI 交互验证。
io.github.ruvnet/ruflo/browser-test
UI 测试配方——组合 browser-record(捕获)与 browser-replay(验证),使每次测试都产出可重放的 RVF 产物,而非一次性运行。
io.github.Arize-ai/phoenix/phoenix-design
Phoenix 前端的设计系统约定——布局、对话框、错误展示、BEM CSS 类命名与 CSS 设计令牌。在 app/src/ 中构建 UI、命名 CSS 类、创建或使用令牌、处理错误或设计对话框交互时使用。
io.github.ethereum/ethereum-org-website/design-system
在 ethereum.org Next.js 站点构建、重构或为任何 UI 编写样式时使用（`src/components/`、`app/`、`src/styles/`、`public/content/`，或任何影响渲染 UI 的 `.tsx`/`.mdx`/`.css` 改动）。提供规范的组件选型、设计令牌、RTL/i18n 规则、服务端/客户端指引，以及“用变体而非新组件”的模式，适配项目的 Tailwind v4 + Radix + shadcn 风格设计系统。
io.github.PostHog/posthog/debugging-local-task-agent-runs
调试本地 PostHog 任务运行的输出——向导云运行路径：在本地 Temporal `process-task` 工作流下于 Docker 沙箱中执行（先由向导集成 PostHog，再由编码代理提交并开 PR）。当本地运行卡住、失败或无输出，或需要读取向导/代理日志时使用。涵盖本地跑云运行所需的 `.env.local` 键与 `ai_features` intent、查找任务 UUID（docker ps、temporal CLI、localhost:8081 的 Temporal UI）、在沙箱容器内实时跟踪日志（`/tmp/posthog-wizard.log`、`/tmp/agent-server.log`），以及沙箱销毁后从对象存储读取按运行持久化的控制台日志。触发词：task-sandbox、run_wizard、agent-server、process-task、SANDBOX_PROVIDER、LLM_GATEWAY、cloud_run、posthog-wizard.log。
vdevelop
io.github.HoangNguyen0403/agent-skills-standard/nextjs-server-actions
为数据变更、表单与乐观 UI 实现安全的 Next.js Server Actions。用于构建 action、表单流程、鉴权检查或写后重新验证。
io.github.kdlbs/kandev/mobile-parity
确保 UI 功能在桌面与移动端保持一致、响应式行为，并具备移动端 Playwright E2E 覆盖。在实现、规划、审查或测试任何新功能、页面、组件、工作流、表单、对话框、侧边栏、导航、仪表盘或可视化 UI 变更时使用；只要涉及前端或用户可见 UI，即使用户只提到桌面或只说“新功能”，此技能也必须运行。
