1.3K skills ・ Works with: Playwright · sorted by popularity
Add Storybook stories, examples of component states, for the Kilo VS Code extension UI. The existing Playwright runner turns them into screenshot comparisons to check visual changes across states and widths.
Prepare text, image, and video posts for X, or turn Markdown drafts into long-form X Articles. The skill uses a real Chrome browser to compose content and supports review before publishing.
Test the pages affected by a branch or pull request in a browser. The skill checks rendered pages and key interactions, then reports passes, failures, skipped checks with reasons, and steps to reproduce problems.
Create interactive prototypes, slide decks, animations, and visual explanations in HTML. New designs normally begin with three visible drafts to compare, then develop the chosen direction using supplied content, real assets, and brand references.
Automate browser actions such as filling forms, clicking buttons, and switching tabs. Inspect page snapshots, network requests, and console messages to check website behavior, record interactions, and support work on Playwright tests.
Plan and verify accessibility when changing Handsontable interfaces. Covers keyboard navigation, screen reader messages, focus behavior, and theme contrast, with Playwright tests and axe scans to check changes and resolve reported issues.
Add or update Handsontable performance tests for rendering and user interactions. The skill guides trace recording, measurement boundaries, baseline comparisons, and reports that help reviewers identify performance changes in pull requests.
Create or modify Handsontable plugins using the project's plugin rules. Covers settings, hooks that respond to events, enable and disable behavior, conflicts between plugins, row index mapping, UI focus management, and required documentation and tests.
Create and update Playwright tests that check Handsontable interactions in real browsers. The skill guides test organization, reliable waits, element selection, and coverage across themes and bundles, while helping distinguish browser tests from unit tests.
Write and review Handsontable tests that check intended behavior. The skill guides bug reproduction, meaningful assertions, failure diagnosis, and fresh test runs, while covering mock boundaries and migration of broken legacy tests to Playwright.
Create Playwright tests that capture table appearance and compare screenshots with reference images using reg-suit. The skill covers checking each state before capture, adding demo routes, and choosing themes, browsers, and framework variants to test.
Work on Handsontable core bugs, features, and TypeScript types using its architecture and implementation conventions. The skill directs tasks to specialist guides and outlines registration, compatibility, documentation, and testing checks for changes.
Maintain existing Handsontable browser tests built with Jasmine and Puppeteer. Covers asynchronous operations, simulated user input, assertions that work across themes, targeted test runs, and guidance for moving broken or unreliable tests to Playwright.
Maintain existing tests for Walkontable, Handsontable's table rendering engine. The skill explains its separate test commands and covers frozen rows and columns, visible area calculations, scroll alignment, and pitfalls that can hide failures or produce misleading results.
Build or modify Handsontable cell editors with guidance on editing states, input validation, focus, and element cleanup. Address dropdown positioning during scrolling, right-to-left layouts, and Japanese or other text input using composition.
Write and update Handsontable unit tests with Jest and type tests with TypeScript. Explains file placement, focused test runs, boundary cases, and checks for public types, while helping choose between isolated logic tests and browser tests.
Verify Kortix changes with focused tests and real inputs and outputs. This skill guides test placement, API and CLI workflows, browser checks, database verification, and reporting of results, including skipped cases.
Build end-to-end tests that follow user journeys in browsers and mobile simulators or emulators. Guides e2e configuration, AI-driven actions, precise outcome checks, failure investigation, and exploratory bug hunts backed by reproducible tests.
Build websites, landing pages, and interactive experiences with colors, typography, and layouts shaped by their subject. Create images and logos, then check desktop and mobile views with Playwright before delivering a verified local preview.
Build presentation slides in HTML, preview them in a browser, and export PDF or PPTX files. Also create fully editable PowerPoint decks or modify existing templates, with checks for content, layout, and rendering issues.
Build web applications from a bundled Express, Vite, React, Tailwind CSS, and Drizzle ORM template. Follow a schema-first workflow to create pages, backend APIs, and connected forms, with guidance for styling, testing, and deployment.
Extract web page content as Markdown from a single URL or a site crawl. When access is blocked, progressively switch from basic fetching to Chrome and Bright Data proxy services, which route requests through other IP addresses.
Build and run computer-use-demo in Docker, then use Playwright to test its Streamlit interface without opening a visible browser. Save conversation transcripts, API exchanges, and screenshots to inspect behavior after changes.
Prepare a local LangBot environment for development and browser testing. The skill covers service startup, shared connection settings, browser access, proxy troubleshooting, and reusable login profiles, with guidance for Linux and WSL environments.