Summary
This teaches you the islands architecture pattern for sites that are mostly static HTML with a few interactive regions. Instead of hydrating your entire React or Vue app client-side, you render static content as plain HTML and only hydrate the dynamic bits like carousels, chat widgets, or filters. The skill covers frameworks that support this approach like Astro, Marko, and Eleventy with Preact. It's genuinely useful for content-heavy sites where shipping less JavaScript matters more than having a fully client-rendered SPA. The tradeoff is architectural complexity, you're now thinking in terms of static regions and interactive islands rather than one cohesive app. Best for blogs, marketing pages, and e-commerce product pages where fast initial loads and SEO matter.
Install
npx skills add https://github.com/patternsdev/skills --skill islands-architecture
