Website Preview

Render the Jekyll site locally, take screenshots, and verify design changes visually using ChromeDriver and browser automation.

When to use this skill

Use this skill when:

• Modifying CSS, SCSS, or any styling files
• Editing HTML layouts (_layouts/) or includes (_includes/)
• Making changes that affect visual appearance
• The user asks to see how changes look
• You need to verify a design change worked correctly
• Working on any front-end aspects of the website

Invoke this skill proactively after making visual changes to the site.

How to use this skill

Step 1: Check Prerequisites