What is the Catskill Crew aesthetic used in this skill?

The aesthetic features a vintage, rustic feel with a cream background (#F5EAD9), dark text (#3E3E3E), tan accents, and hand-drawn woodcut-style animal illustrations.

Where does the skill look for newsletter content?

By default, the skill searches for the latest .md files within the 'output/' directory of your project.

How do I see my newsletter in the browser?

Simply use the command 'preview the newsletter'. The skill will find your latest markdown file, convert it to HTML, and open it via Playwright MCP.

Can I update the styles if the Catskill Crew website changes?

Yes, you can run the 'Refresh design' workflow which uses Playwright to re-extract colors, fonts, and assets directly from the live website.

Do I need to install Playwright separately?

The skill is designed to work with Playwright via the MCP (Model Context Protocol) to handle browser automation and screenshots.

Catskill Crew Newsletter Previewer

Name: Catskill Crew Newsletter Previewer
Author: aniketpanjwani

byaniketpanjwani

•

营销自动化

Transforms markdown newsletters into branded HTML pages matching the Catskill Crew aesthetic for instant browser preview.

This skill automates the production of visually cohesive newsletters by converting markdown content into custom-styled HTML. It leverages design tokens extracted directly from catskillcrew.com—including a cream and tan color palette, hand-drawn woodcut animal dividers, and specific typography—ensuring every preview matches the brand's vintage, rustic identity. By integrating with Playwright, it provides real-time browser rendering and allows for dynamic design updates if the source website changes, making it an essential tool for maintaining brand consistency in email communication.

主要功能

01Integrated browser preview using Playwright MCP

02Rustic aesthetic application including custom woodcut-style dividers

03Automatic markdown-to-branded-HTML conversion

04Automated brand asset management and asset synchronization

051 GitHub stars

06Dynamic design token extraction from live URLs

使用场景

01Visualizing newsletter drafts with full branding before distribution

02Syncing local design styles with live website updates automatically

03Maintaining brand consistency across diverse markdown content

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aniketpanjwani/automated_catskill_crew catskill-preview

For use in Claude.ai and ChatGPT

Download Skill