By ElvinOuyang
Web development skills: mobile workflows, Playwright test generation, and UI spec checking
Converts mobile workflow markdown into a self-contained Playwright test project with mobile viewports (Chromium + WebKit), authentication scaffolding, UX anti-pattern assertions, and CI workflow. Use when the user says "convert mobile workflows to playwright", "translate mobile workflows to CI", or "generate mobile playwright tests".
Generates mobile browser workflow documentation by exploring the app's codebase, then walking through the live app with the user step-by-step via Playwright in a mobile viewport (393x852) to co-author verifications. Use when the user says "generate mobile workflows", "create mobile workflows", "update mobile workflows", or "generate mobile browser workflows". Produces numbered workflow markdown files that feed into the mobile converter and Playwright runner. Includes iOS HIG awareness and mobile UX anti-pattern detection.
Automatically check a running web app's UI against its design spec using Playwright MCP. Use this skill whenever the user wants to verify UI/UX implementation matches designs, catch visual regressions, check color tokens, verify component structure, or audit screens against a spec doc. Trigger on phrases like "check the UI", "verify the design", "are there any UI bugs", "does this match the spec", "playwright UI check", or when a design spec exists and the app is running locally.
A Claude Code plugin marketplace with curated skills for iOS development, web development, and AI agent workflows.
Add this marketplace to Claude Code:
/plugin marketplace add ElvinOuyang/claude-skill-collection
Then install the plugins you need:
/plugin install ios-dev-toolkit@claude-skill-collection
/plugin install web-dev-toolkit@claude-skill-collection
/plugin install ai-dev-toolkit@claude-skill-collection
/plugin install openclaw-config@claude-skill-collection
To enable auto-updates: /plugin > Marketplaces tab > select this marketplace > Enable auto-update.
iOS/SwiftUI development skills for building, polishing, and deploying iOS apps.
| Skill | Description |
|---|---|
| axe | iOS Simulator automation via AXe CLI |
| ios-animate | Enhance SwiftUI views with purposeful animations, haptics, and motion |
| ios-audit | Technical quality checks: accessibility, performance, HIG compliance |
| ios-critique | UX evaluation with quantitative scoring and persona-based testing |
| ios-polish | Final quality pass for spacing, typography, color, and animation |
| ios-simulator-nav | Navigate iOS Simulator with AXe label-based taps |
| ios-testflight-deploy | TestFlight deployment workflow with failure recovery |
Web development skills for mobile workflows, testing, and UI verification.
| Skill | Description |
|---|---|
| web-mobile-playwright-tests | Convert mobile workflow docs into Playwright test projects |
| web-mobile-workflow | Generate mobile browser workflow documentation via Playwright |
| web-ui-spec-checker | Check running web app UI against design specs |
Skills for iterating on AI agent prompts, generating tests, and optimizing projects.
| Skill | Description |
|---|---|
| prompt-eval | Test AI system prompts with mock tools and eval assertions |
| spec-driven-tests | Generate tests from specs, PRDs, and implementation plans |
| token-efficient-setup | Set up CLAUDE.md with token efficiency rules |
| Skill | Description |
|---|---|
| openclaw-config | Configure OpenClaw self-hosted AI gateway via Docker |
claude-skill-collection/
├── .claude-plugin/
│ └── marketplace.json
└── plugins/
├── ios-dev-toolkit/
│ ├── .claude-plugin/plugin.json
│ └── skills/
├── web-dev-toolkit/
│ ├── .claude-plugin/plugin.json
│ └── skills/
├── ai-dev-toolkit/
│ ├── .claude-plugin/plugin.json
│ └── skills/
└── openclaw-config/
├── .claude-plugin/plugin.json
└── skills/
After pushing changes to this repo, bump the version in the relevant plugin.json. Users with auto-update enabled will get the new version at Claude Code startup. Manual update:
/plugin marketplace update claude-skill-collection
All rights reserved. No license is granted at this time.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub elvinouyang/claude-skill-collection --plugin web-dev-toolkitAI development skills: prompt evaluation, spec-driven tests, and token-efficient project setup
Configure OpenClaw self-hosted AI gateway via Docker
iOS/SwiftUI development skills: animation, audit, critique, polish, simulator nav, TestFlight deploy, and AXe automation
Browser automation and E2E testing with Playwright. Auto-detects dev servers, writes clean test scripts. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use for cross-browser testing, visual regression, API testing, component testing in TypeScript/JavaScript and Python projects.
Claude Code Skill for general-purpose browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp, and autonomously handles any browser automation task.
Personal Claude Code / Codex skills — spec-driven development, agent teams, browser automation, productivity, and setup helpers. Install with `npx skills add devstefancho/claude-plugins`.
Production-grade Playwright testing toolkit. Generate tests from specs, fix flaky failures, migrate from Cypress/Selenium, sync with TestRail, run on BrowserStack. 55+ ready-to-use templates, 3 specialized agents, smart reporting that plugs into your existing workflow.
Agents and skills that are specialised in building and maintaining web applications
CodyMaster v7.5 — token-optimized AI agent skills (progressive disclosure, ~100 tok index → SKILL.md on demand) + slash commands + sub-agents + cm-context MCP server. Browse Hybrid Bridge, a11y snapshots, structured error collection, video recording, anti-slop design layer, and self-evolving skill hooks/monitors.