astro-remix

What problem does it solve?

This skill solves the problem of making correct architectural and implementation choices when working on Astro and Remix projects, especially for rendering mode, routing, data loading, and interactive UI behavior.

Core Features & Use Cases

• Astro rendering guidance: Recommend when to use SSG, SSR, hybrid, islands, and the appropriate hydration directives for performance and UX.
• Astro 5 implementation patterns: Apply content collections, server islands, view transitions, and SEO/performance best practices.
• Remix v3 / React Router v7 workflows: Structure loaders/actions for data fetching and mutations, plus progressive enhancement, optimistic UI, nested routes, and error boundaries.
• Use Case: When updating an existing Astro marketing site that needs a content collection and a few interactive components, use this skill to choose islands hydration settings and implement content rendering safely; when working on a Remix CRUD section with forms, use it to design loaders/actions and ensure the UI works with or without JavaScript.

Quick Start

Use this skill to generate a plan and implementation checklist for an Astro page that uses content collections, includes one server island, and sets the correct hydration directives for each component.