dysthayes/claude-code-skills

Overview

This skill automates browsing and article searching on shoqai.com and captures screenshots at each step. It uses Playwright to open the site, navigate the Explore section, locate articles by name, handle new tab links, and save visual records. The automation is configurable by passing an article name argument and stores screenshots in a local screenshots/ folder.

How this skill works

The script launches a Chromium browser via Playwright, navigates to shoqai.com, and takes an initial homepage screenshot. It clicks the Explore control, searches the article list for a matching title, opens the article (supporting links that spawn new tabs), and captures screenshots after each major action. Screenshots are written as sequential files (e.g., 1-homepage.png, 2-after-explore-click.png, 3-article-opened.png, 4-final.png).

When to use it

• Automated QA for content presence on shoqai.com
• Batch capture of article visuals for documentation
• Monitoring article availability or changes
• Demoing automated browsing and screenshot workflows
• Quickly locating and saving a specific article by title

Best practices

• Install dependencies and Playwright browsers before running (npm install && npx playwright install chromium)
• Create a screenshots/ folder and ensure write permissions
• Run with Node.js v14+ and a stable internet connection
• Pass a specific article name as a command-line argument to avoid ambiguous matches
• Use headless mode for CI and headed mode for debugging

Example use cases

• Run the default script to find the Tesla article and collect four step screenshots
• Search for an 'Apple' article by running node automate-shoqai.js "Apple"
• Integrate into CI to verify Explore navigation and article opening on each deploy
• Capture visuals for a content audit or marketing collateral
• Detect broken external links that open in new tabs by validating the article page load