Convert static Astro pages into self-contained React interactive islands.
npx skills add https://github.com/f-campana/bifrost --skill frontend-island
Please help me install this Agent Skill. Skill: frontend/island Source: https://github.com/f-campana/bifrost/tree/main/skills/frontend/frontend-island Command: npx skills add https://github.com/f-campana/bifrost --skill frontend-island
Client-side interactivity is hard to add to static pages; this skill provides self-contained islands that hydrate in place, enabling dynamic behavior without increasing the surface area of your page.
Create an island by following the Design Contract and component specification, then implement it as a self-contained React component at runestone/src/components/[ComponentName].tsx and load it on the page with client:load.
High-intent search queries and answers about installing and using this skill.
You can add interactive React components to static Astro pages by creating self-contained interactive islands. These hydrate in place, enabling dynamic behavior without increasing the overall page surface area.
An interactive island is a self-contained client-side component that hydrates independently on a static page. This approach allows specific page sections to become stateful without affecting the entire document.
Create stateful widgets on Astro pages by implementing a React island following the Design Contract. The process outputs a component file loaded via client:load, applying CSS-only motion rules without external libraries.
External motion libraries are not allowed for interactive galleries unless explicitly approved. The implementation applies CSS-only motion rules to keep the interactive island self-contained and lightweight.
React island components are saved as self-contained files at runestone/src/components/[ComponentName].tsx. A run report detailing the interactive island generation is also written to sanctum/00 Inbox/.
ehtbantonGenerate Astro 4.x page components with islands architecture and content collections.
HerbertJulioCreate interactive island components with customizable hydration strategies for Astro projects.
quanngynxImplement islands architecture to render static HTML and hydrate interactive widgets independently.
konamgilImplement Mandu island hydration patterns for partial client-side interactivity.
