搜索「Ui」的结果

io.github.code-yeongyu/lazycodex/frontend

前端/Web UI/UX/视觉类工作必须使用：构建、样式设计、页面或组件重设计、React 环境搭建、性能审计、视觉 QA、品味与打磨。内含四套规则：design taste 路由器与品牌参考；perfection（Playwright/Chromium、Lighthouse、Core Web Vitals）；ui-ux-db 配色/字体/规范；designpowers 用户画像/无障碍/评审/交付；以及仅用 curl 的 lazyweb 真实应用截屏研究，用于确定设计方向。触发词：frontend、UI、UX、design、redesign、styling、layout、animation、motion、premium、luxury、minimal、brutalist、Awwwards、DESIGN.md、mockup、React、Lighthouse、accessibility、WCAG、Core Web Vitals、looks generic、make it pretty、like X brand、lazyweb、design research。

io.github.max-sixty/worktrunk/writing-user-outputs

worktrunk 的 CLI 输出格式化标准。在修改任何调用 warning_message、hint_message、error_message、info_message、eprintln、println 的代码，或产出用户可见字符串（CLI 帮助、进度 UI、快照文本）之前加载。记录 ANSI 颜色嵌套规则、消息模式与输出系统架构。

io.github.simstudioai/sim/emcn-design-review

审查 UI 代码是否符合 emcn 设计系统——组件、设计令牌、模式与约定。

io.github.comet-ml/opik/writing-e2e-tests

当开发者要为 Opik 的某个功能、页面或分支添加、编写或创建端到端测试时使用——例如「为实验对比页添加 e2e 测试」「为刚做的功能写测试」「这个分支的 e2e 测试」「给数据集条目流程加测试」。在 tests_end_to_end/e2e/ 中跑完整个循环——分析功能与前端代码、用 Playwright MCP 探索真实 UI、编写 Page Object Model + spec，并在本地运行直到通过。

io.github.langfuse/langfuse/refactor-react-effects

重构 Langfuse 前端代码中可避免的 useEffect 用法。适用于：新增、评审或删除 effect；用查询数据初始化表单或本地 UI 状态；同步客户端与服务端状态；把 mutation 或异步工作流移出组件；清理某个前端子模块的全部 effect；或评审某个 effect 是否有合理的外部系统职责。

io.github.langfuse/langfuse/frontend-large-feature-architecture

在构建、修改或重构 Langfuse 大型前端特性时使用：虚拟列表、大表格、controller 组件、特性局部状态、Zustand store、行选择、高频 UI 状态以及渲染性能问题。在编写任何 useEffect（尤其是把拉取到的数据同步进 state 的那种）、把已加载数据接入表单 initialValues/defaultValues、或添加 useCallback/useMemo 之前也应先阅读。

io.github.vudovn/ag-kit/frontend-design

面向 Web UI 的反模板化前端设计——落地页、作品集、营销/产品站点及改版。阅读需求、推断合适方向，交付不显模板化的界面。适用时使用真正的设计系统，改版时先做审计，严格执行预飞检查。不适用于移动应用。

io.github.OpenBMB/PilotDeck/browser-use

使用 PilotDeck 的 browser-use 插件完成浏览器自动化、截图、表单填写与 Web UI 检查。

io.github.BasedHardware/omi/e2e

理解并探索 Omi Flutter 移动应用的 UI 流程、导航模式与 widget 架构。在 app/lib/ 下的 Dart 文件中开发功能、修复缺陷或验证变更时使用。提供 agent-flutter 命令以探索运行中的应用、理解页面衔接方式并验证你的工作。

io.github.elastic/kibana/scout-best-practices-reviewer

审阅 Scout UI/API 测试（含 Scout 测试迁移）在最佳实践、复用与对等性上的表现。

io.github.lobehub/lobehub/react

LobeHub React 组件约定。在编辑 TSX UI、于 base-ui 与 @lobehub/ui 及 antd 间做选择、用 antd-style 写样式、路由、桌面变体、布局与组件状态时使用。

io.github.posit-dev/py-shiny/testing

在为 Shiny for Python (py-shiny) 应用编写或运行端到端测试时使用——在 pytest 下启动应用、定位并断言 UI 组件（输入、输出、卡片、导航集）、用 Playwright 模拟用户交互，或当你想对 Shiny 渲染的 HTML 手写 CSS 选择器、原始 Playwright 定位器或 sleep() 等待时

io.github.microsoft/PowerToys/powertoys-verification

使用 winapp CLI 在两种场景下端到端验证 PowerToys 行为：(A) 用模块的发布检查清单对照已安装版本；(B) PR 验证——依据 PR 描述与 diff 推导其检查清单再对照已安装版本执行（已合并/已发布的 PR，或整个 release/hotfix 集合），若 PR 尚未进入构建版本则构建并侧加载该模块。逐项通过 UIA invoke / Named Events / settings.json 编辑 / 剪贴板 / GPO / SendInput 驱动，并为每项输出带证据的结构化 PASS / FAIL / BLOCKED 结论（FAIL 需区分产品缺陷与过期/含糊的清单项）。当被要求验证模块检查清单、确认 PR、签署发布/hotfix 的 PR 或对安装/侧加载的 PowerToys 做 QA 时使用。结合通用 winapp ui 机制（references/winapp-ui-testing.md）与 PT 专属配方、分场景 playbook（references/scenarios/）以及本 skill 附带的辅助 .ps1 脚本。

io.github.Stirling-Tools/Stirling-PDF/feature-walkthrough

端到端讲解当前分支的完整逻辑与流程，让毫无前置知识的人也能理解、审查并复现。从分支 diff 界定变更范围，追踪其触达的每一层流程（前端工具/hook/组件、Java controller/service/endpoint、Python 引擎、配置、i18n、测试），产出带 Mermaid 图（时序/流程/架构）、可点击引用的带注释文件地图、前后行为对比、涉及 UI 时的截图、「本地试跑」章节与边界情况/风险的自包含走查文档。当被要求做功能或分支走查、「解释这个分支做了什么」、设计/逻辑说明、PR 审查者上手或交接文档时使用。加 --html 可同时输出渲染的 HTML 版；--no-screens 跳过截图。

io.github.hashintel/hash/testing-hashql

HashQL 测试策略，包括 compiletest（UI 测试）、单元测试与快照测试。在为 HashQL 代码编写测试、使用 //~ 注释、运行 --bless、调试测试失败或选择合适的测试方法时使用

io.github.XiaomiMiMo/MiMo-Code/design-blueprint

在任何视觉产物开工前产出结构化设计规范（DESIGN.md + 结构布局 + 决策记录）——这一“蓝图”阶段让 AI 生成的设计摆脱模板感。当用户要求设计、规划、做样机或重构任何视觉输出时使用——PPT/幻灯片、落地页、仪表盘、海报、图表、信息图、营销页、UI 组件、原型、插画——即便他们只说“做个关于 X 的幻灯片”或“帮我搭一个 Y 页面”。当用户要求以原则驱动、规格先行的方式（而非表面修饰）批判或改进既有设计时也触发。不要在用户已提供完整 DESIGN.md 且只想写实现代码时触发（交给 frontend-design 或直接实现）。

io.github.android/skills/testing-setup

分析原生 Android 应用并制定测试策略——安装测试库、搭建测试基础设施，并为单元测试、UI 测试、截图测试与端到端测试创建测试装置。

io.github.Arize-ai/phoenix/phoenix-frontend

Phoenix AI 可观测性平台的前端开发准则。在 app/ 目录编写、审查或修改 React 组件、TypeScript 代码、样式或 UI 功能时使用。任何前端任务都会触发——新组件、UI 变更、样式、无障碍修复、表单处理或组件重构。用户询问本项目前端约定或组件模式时也使用。设计系统规则（错误展示、布局、对话框、令牌）请改用 phoenix-design 技能。

io.github.MODSetter/SurfSense/frontend-design

打造独具特色、生产级品质的 UI。在创建或重塑面向用户的界面、组件、页面、布局、视觉重设计、响应式行为、加载/错误/空状态，或涉及无障碍的前端工作时使用。

io.github.XiaomiMiMo/MiMo-Code/frontend-design

构建新 UI 或重塑既有 UI 时提供独特而有意图的视觉设计指引。只要任务产出或修改用户会看到的渲染内容——网站、落地页、Web 应用、仪表盘、React/HTML/Vue 组件、带视觉输出的 artifact、风格 overhaul，或“让它更好看”的请求——即使用户从没说“设计”二字也应使用。涵盖美学方向、字体排印、环境约束（字体、Tailwind、素材），以及何时应归于惯例而非追求独特。

io.github.langflow-ai/langflow/frontend-i18n

使用 i18n 体系（i18next / react-i18next）添加、修改或审查 Langflow 前端的用户可见文案。当变更涉及新增或编辑 UI 字符串——标签、按钮、tooltip、模态框、toast、错误提示、空状态——或审查包含用户可见文案的 diff 时使用。所有用户可见字符串必须走翻译体系，且每个新 key 必须存在于全部 locale 文件中。不适用于后端字符串、日志消息或代码标识符。

io.github.nekomangaorg/Neko/maestro

负责宏观层面的 UI 架构、复杂 Jetpack Compose 结构与跨页面流转。用于实现自适应布局（WindowSizeClass）、迁移到类型安全的 Navigation Compose 路由图、设计跨模块 Design System、串联复杂的页面级状态（MVI/MVVM），以及编排 deep link 与多屏流程。

io.github.getsentry/sentry/design-system

Sentry 布局与文本原语的使用指南。在实现 UI 组件、布局或排版时使用。强制优先使用核心组件而非 styled components。

io.github.sickn33/antigravity-awesome-skills/code-showcase-core-components

核心组件库与设计系统模式。在构建 UI、使用设计令牌或处理组件库时使用。