Malik-xae-12
- 3 skills
- 0 followers
- 5 hours ago last updated
- ▌ Playwright MCP · malik-xae-12 bundleComplete global setup, browser automation, and verification guide for Microsoft's official Playwright MCP server (@playwright/mcp) in Google Antigravity and Claude. Use whenever the user wants to configure Playwright MCP globally or in a workspace, run automated browser tests, verify local development servers (http://localhost:3000, http://localhost:5173), test responsive UI across breakpoints (1440x900, 1920x1080, 1024x768, 768x1024, 390x844, 375x812), test scroll-driven/scrollytelling animations, inspect console errors, or troubleshoot MCP connection and browser launch issues.
- ▌
- ▌ Motion Scroll Site · malik-xae-12 bundleTurn a MotionSites template prompt plus a still image into two ready-to-paste prompts - a Google Flow / Gemini Omni Flash video prompt that generates a scroll-scrub camera move from the image, and an Antigravity build prompt that ships the animated site with working scroll-driven video. Also acts as a senior UI designer for anything that breaks during the build. Use whenever the user mentions motion-scroll, motion-scroll.skill, MotionSites, a scroll-scrubbed or scroll-driven video hero, or an animated landing page built from a still image. Trigger even when the user only says "make the video prompt for this", "build me the animated site", "my hero video isn't scrubbing", "the scroll video stutters", "the video just loops", or pastes a MotionSites prompt with no further instruction. Also trigger for design critique on an animated hero - contrast over video, text legibility, spacing, motion feel - since this skill carries the senior-designer diagnostic pass.