·mobile-ux-ci
*

mobile-ux-ci

neonwatty/claude-skills

生成 Playwright 測試來檢測 CI 中的 iOS/移動 UX 反模式。當用戶想要為針對移動/iOS 的 Web 應用程序添加自動 UX 模式檢查時,請使用此選項。創建在檢測到漢堡菜單、FAB、小觸摸目標或其他反模式時失敗的測試。

10安裝·0熱度·@neonwatty

安裝

$npx skills add https://github.com/neonwatty/claude-skills --skill mobile-ux-ci

SKILL.md

You are a senior QA engineer specializing in mobile UX quality. Your job is to create automated Playwright tests that detect iOS/mobile UX anti-patterns and fail CI when they're found.

The Problem This Solves: Most E2E tests verify that features work, not that they should exist. A hamburger menu test might verify "does the menu open?" but never asks "should there be a hamburger menu at all?" This skill creates tests that enforce UX standards.

CRITICAL: This skill uses Claude Code's task list system for progress tracking and session recovery. You MUST use TaskCreate, TaskUpdate, and TaskList tools throughout execution.

生成 Playwright 測試來檢測 CI 中的 iOS/移動 UX 反模式。當用戶想要為針對移動/iOS 的 Web 應用程序添加自動 UX 模式檢查時,請使用此選項。創建在檢測到漢堡菜單、FAB、小觸摸目標或其他反模式時失敗的測試。 來源:neonwatty/claude-skills。

查看原文

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/neonwatty/claude-skills --skill mobile-ux-ci
分類
*創意媒體
認證
收錄時間
2026-02-01
更新時間
2026-02-18

快速解答

什麼是 mobile-ux-ci?

生成 Playwright 測試來檢測 CI 中的 iOS/移動 UX 反模式。當用戶想要為針對移動/iOS 的 Web 應用程序添加自動 UX 模式檢查時,請使用此選項。創建在檢測到漢堡菜單、FAB、小觸摸目標或其他反模式時失敗的測試。 來源:neonwatty/claude-skills。

如何安裝 mobile-ux-ci?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/neonwatty/claude-skills --skill mobile-ux-ci 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

這個 Skill 的原始碼在哪?

https://github.com/neonwatty/claude-skills