mjunaidca/mjs-agent-skills
Overview
This skill provides browser automation via a Playwright MCP server to navigate websites, interact with UI elements, take screenshots, and extract data programmatically. It exposes atomic actions (navigate, click, type, snapshot, evaluate) and a multi-step code runner for complex flows. Use it when tasks require reliable, scriptable browser behavior across multiple calls while preserving session state.
How this skill works
The skill communicates with a running Playwright MCP server to send commands and receive page snapshots. Typical flow: start the server with a shared browser context, navigate to pages, request an accessibility snapshot to obtain element refs, then perform clicks, typing, form fills, selects, waits, screenshots, or JS evaluation. For multi-step atomic workflows, use the browser_run_code endpoint to run async Playwright code on the server.
When to use it
- Automated form submissions that require filling multiple fields and clicking submit
- Web scraping or data extraction where snapshots or evaluate scripts collect page content
- UI testing and validation that needs screenshots, interactions, and waits
- Complex multi-step flows that must run atomically (login, navigate, extract)
- Any task that needs a persistent browser session across multiple calls
Best practices
- Start the MCP server with --shared-browser-context to preserve state across calls
- Always request a browser_snapshot before targeting elements to get current refs
- Prefer browser_run_code for multi-step operations that must be atomic
- Use browser_wait_for with text or timeouts to handle asynchronous loading
- Take screenshots after critical steps for verification and debugging
Example use cases
- Log in to a web app, navigate to a report page, and extract tabular data
- Automate a signup flow: fill inputs, select dropdowns, submit, and confirm success
- Run end-to-end UI checks: navigate, interact, capture screenshots, and assert text
- Scrape product listings by snapshotting and running evaluate scripts for structured fields
- Automate repetitive admin tasks across pages while maintaining session cookies
FAQ
Yes—keep it running when performing multiple browser tasks. Use the --shared-browser-context flag to preserve session state across calls.
What if an element ref is missing or clicks fail?
Run browser_snapshot to refresh refs. If clicks fail, try browser_hover before click, or increase wait time and verify selectors via evaluate.
31 skills
This skill automates browser tasks with Playwright MCP, enabling navigation, form filling, data extraction, and proof of UI testing.
This skill installs Claude Code tracking hooks and verifies setup to enable automatic skill usage analytics in new projects.
This skill helps you build production-grade FastAPI backends with SQLModel, Pydantic, and JWT authentication for secure REST APIs.
This skill implements real-time ChatKit streaming patterns to manage response lifecycles, progress updates, and thread state for responsive UIs.
Design and implement memory architectures for agent systems. Use when building agents that need to persist state across sessions, maintain entity consistency, or reason over structured knowledge.
This skill helps you build and upgrade Next.js 16 apps correctly by applying patterns for pages, layouts, proxy.ts, dynamic routes, and Turbopack.
This skill helps you configure centralized authentication with Better Auth using MCP, enabling secure OAuth2/OIDC setups for SSO clients.
This skill enables deploying and managing AI agents on Kubernetes, analyzes cluster health with AI, and automates complex Kubernetes operations.
This skill helps you create and edit Excel workbooks with formulas, formatting, and financial modeling standards for accurate analyses.
This skill helps you design and implement SQLModel schemas, manage sync/async connections, and integrate with FastAPI for robust PostgreSQL databases.
This skill helps you build interactive chat widgets with buttons, forms, and server-driven actions inside AI chat UIs.
This skill evaluates UI components using a 3-dimension UX framework to produce actionable, evidence-based improvement recommendations.
This skill creates blueprint-driven infrastructure skills with impact analysis for containerization and deployment templates and patterns.
This skill helps you build production-grade AI chat interfaces with secure backends, authentication, and context injection for persistent conversations.
This skill fetches library documentation with token-efficient filtering, delivering code examples, API signatures, and notes for React, Next.js, Prisma.
This skill helps you create production-grade Helm 4 charts, manage releases, and debug deployments with automated detection from Dockerfiles and code.
This skill helps you deploy Kafka on Kubernetes with Strimzi KRaft, adapt resources by environment, and troubleshoot issues.
This skill integrates Next.js apps with Better Auth SSO for PKCE OAuth2 and OIDC flows, token management, and global logout.
This skill helps you scaffold production-grade AI agents using OpenAI Agents SDK, enabling async patterns and multi-agent orchestration.
This skill automates browser tasks using Playwright MCP to navigate, fill forms, capture data, and verify results across pages.
This skill helps you set up and manage local Kubernetes with Minikube, enabling addons, networking, and local deployments for testing.
This skill helps you integrate OpenAI ChatKit with a custom backend and agents, enabling end-to-end chat, authentication, and context-aware prompts.
This skill helps you implement reliable datetime and timezone handling across frontend, API, and database to prevent time drift.
This skill helps you inspect and debug Next.js apps by exposing routes, components, and build info via MCP tooling.
This skill diagnoses and fixes AKS deployment failures such as ImagePullBackOff and CrashLoopBackOff, reducing downtime with guided, actionable steps.
This skill helps you explore unfamiliar codebases by analyzing repositories with DeepWiki MCP, delivering architecture insights and Q&A on source code.
This skill guides end-to-end cloud deployment to AKS/GKE/DOKS, including CI/CD, ingress, SSL, and Next.js build-time variable handling.
This skill helps you integrate Dapr pub/sub and scheduled jobs, unwrap CloudEvent data, and handle callbacks for reliable event-driven architectures.
This skill helps you debug production issues in Kubernetes by guiding systematic log analysis, tracing, and bug-pattern fixes.
This skill fetches library documentation with token-efficient filtering, delivering code examples, API references, and best practices quickly.
This skill helps you scaffold production-grade FastAPI backends with SQLModel, Dapr, and JWT authentication for scalable microservices.
