搜索「Ui」的结果

io.github.sickn33/antigravity-awesome-skills/styleseed-design-review

审查 UI/前端代码，准确告诉你它为什么“看起来像 AI 生成”——以及如何修复。当 React/Tailwind/HTML 界面看起来怪异、平庸或未完善，或你想在发布前获得设计评分、让 UI 更专业精致时使用。

io.github.sickn33/antigravity-awesome-skills/frontend-architecture

适用于任意 React 或 React Native 前端的可移植、框架无关的架构风格。将应用组织为功能模块（页面/屏幕目录），严格区分服务端状态与 UI 状态，跨模块仅通过 barrel 导入，样式与组件同置，并制定清晰的组件晋升规则。

io.github.sickn33/antigravity-awesome-skills/design-ux

UX/可用性审计——针对可交互 UI 的启发式评估（不只是视觉打磨）。当某个 UI“感觉不对”“用起来难受”、学习成本高、需要一堵说明墙，或在交付交互工具/编辑器/应用前，与 design 一同加载。

io.github.bluesky-social/atproto/testing

本 monorepo 的测试实践——在单元与端到端测试之间取舍、测试文件位置、tsconfig.test.json 的角色、如何驱动 Playwright、如何编写/适配 UI/端到端测试，以及该用哪个测试运行器（vitest 还是 jest）。当用户要求添加、编写或扩展测试、补充覆盖率、创建测试文件、在新包里搭建测试、提到 vitest/jest，或引用既有 *.test.ts 文件时，必须先调用本技能再做任何代码搜索或文件读取。同等适用于单元测试与端到端/UI 测试——后者会路由到 Playwright-MCP 优先的探索流程，与常规代码搜索工作流不同。

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

如何组织前端代码——关注点分离（UI / 逻辑 / 数据 / 类型）、文件职责、状态分层、API 服务、Schema 验证，以及 React/Next 和 Vue 的框架规范。提供结构规则，非视觉设计。

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

如何编写 DESIGN.md 文件——在任何 UI 构建前必须存在的机器可读设计令牌 + 人类理由格式。YAML front-matter 令牌架构（颜色、字体、间距、圆角、组件）、类型系统、令牌引用及标准章节顺序。

io.github.langflow-ai/langflow/e2e-testing

为 Langflow 编写并审查 Playwright E2E 测试。当用户要求编写、修复或审查 E2E 测试、spec 文件、Playwright 测试或覆盖完整 UI 的集成测试时触发。修改 data-testid 属性、tests/utils/ 中的测试辅助函数或 fixture 配置时同样触发。

io.github.camunda/camunda/frontend-feature

在 orchestration cluster webapp（webapp/client/apps/orchestration-cluster-webapp/）中构建或修改页面、组件、模块、路由、数据加载、表单、API 集成或 UI 功能时使用——包括新增一列、一个筛选器或一个面板这类小改动。

io.github.forcedotcom/sf-skills/mobile-apps-create

在 iOS 或 Android 上构建任何 Salesforce 原生移动应用的入口。当用户说“build a Salesforce iOS app”“add Salesforce login to my Android app”“set up Mobile SDK”“add MobileSync / SmartStore offline storage”“embed an Agentforce agent in my mobile app”“add Agentforce chat to iOS/Android”，或要求以 Swift/Kotlin 创建、扩展、集成 Salesforce 移动体验（MSDK、Agentforce SDK 或两者）时触发。当构建非 Salesforce 移动应用、使用不含 Salesforce 集成的 React Native/Flutter/Ionic、咨询通用移动 UI 设计，或从事 Salesforce 周边 Web/桌面工作（LWC、Experience Cloud、仅品牌化的 Mobile Publisher）时不要使用。

io.github.cnoe-io/ai-platform-engineering/docker-compose-first-install

校验并修复 OSS 首装 Docker Compose 路径。在编辑 docker-compose.yaml、docker-compose.dev.yaml、.env.example、release 镜像标签、Compose profiles、Keycloak/OpenFGA/RAG 默认值或本地一体化安装的首次启动 UI 行为时使用。

io.github.pdsuwwz/nextjs-nextra-starter/nextjs-nextra-starter-distill-zh

蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为，或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。

io.github.pdsuwwz/nextjs-nextra-starter/nextjs-nextra-starter-distill

蒸馏并应用本仓库 Next.js Nextra 启动模板的架构、已实现功能、扩展点与迁移模式。适用于需要理解本项目、继续第二阶段开发、修改 docs/landing/i18n/theme/auth/UI 行为，或把 Next.js 16 + Nextra 4 + Tailwind CSS 4 这些模式复用到其他项目的场景。

io.github.rommapp/romm/frontend-v2-patterns

RomM v2 前端的横切功能模式——错误/snackbar 处理、加载与骨架状态、实时 Socket.IO 更新、UI 状态持久化（URL vs localStorage vs 临时）、分页/无限滚动、表单与校验、权限（useCan），以及破坏性操作确认。在为 v2 功能接行为（不只是写标签）时使用。在 frontend/src/v2/ 下实现数据流、对话框、表单、开关或权限门控时触发。

io.github.nekomangaorg/Neko/artisan

通过微交互改进、动画、无障碍（a11y）修复和 UI 结构打磨来提升 Jetpack Compose 界面。用于把硬编码样式抽取到 AppTheme、补充 TalkBack semantics、实现 AnimatedVisibility 或微动画、抽取无状态 Composable，以及添加 @Preview 注解。

io.github.redis/RedisInsight/frontend

RedisInsight UI 的 React/Redux 前端开发模式：组件目录结构、styled-components、hooks、命名导出、barrel 文件、布局组件与主题用法。在编辑 redisinsight/ui/** 下任何文件、编写或修改 React 组件、Redux slice、styled-components、自定义 hook，或用户提到 UI、frontend、React、Redux、styled-components 时使用。

io.github.Melvynx/aiblueprint/nextjs-setup-project

搭建完整的 Next.js 项目，包含 TypeScript、Tailwind、shadcn/ui、TanStack Query 与主题支持。

io.github.Melvynx/aiblueprint/nextjs-setup-better-auth

在 Next.js 项目中搭建 Better Auth，支持邮箱 OTP 认证与 shadcn/ui 组件。

io.github.shareAI-lab/Kode-CLI/frontend-design

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

io.github.sickn33/antigravity-awesome-skills/design-it

将前端设计任务路由到 48 种具体的 UI 风格。当网站、App 界面或 UI 组件有特定美学要求时触发。

io.github.tw93/Waza/design

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

io.github.jeremylongshore/claude-code-plugins-plus-skills/wondelai-ios-hig-design

按 Apple Human Interface Guidelines 设计原生 iOS 界面。当用户提到 “iPhone app”、“iPad layout”、“SwiftUI”、“UIKit”、“Dynamic Island”、“safe areas”、“HIG compliance”、“SF Symbols”、“haptic feedback” 或 “iOS accessibility” 时使用。也在为 iOS 构建 tab bar、导航栈、sheet 或 modal、实现深色模式、适配不同屏幕尺寸时触发。覆盖导航模式、无障碍、SF Symbols 与平台惯例。通用 UI 打磨见 refactoring-ui，可供性设计见 design-everyday-things。

io.github.zts212653/clowder-ai/browser-preview

Hub 内嵌浏览器预览 localhost 应用。 Use when: 写前端代码、跑 dev server、需要看页面效果、调 UI、operator说"看看效果"。 Not for: 后端纯 API 开发、不涉及页面的工作。 Output: 前端页面在 Hub browser panel 中实时预览。

io.github.remix-run/react-router/react-router

以 Framework、Data、Declarative 及不稳定 RSC 模式构建 React Router 应用。适用于配置路由、路由模块、loader、action、表单、fetcher、导航、pending UI、SSR/SPA/预渲染、中间件、URL params/search params,或 React Router 升级。

io.github.NeverSight/learn-skills.dev/bootstrap-mobile

面向 iPhone 15（Safari）的移动优先 Bootstrap 5 UI 开发。在为该项目构建模板、布局、组件或任何 HTML/CSS/JS 界面时使用，确保适合触控且性能良好。