Skills
.Work. You
Rest

frontend/island

Community

Build client-side interactive islands.

Software Engineering#frontend#react#interactive#component#astro#island#design-contract
Authorf-campana
Version1.0.0
Installs0

System Documentation

What problem does it solve?

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.

Core Features & Use Cases

  • Produces one interactive component file under runestone/src/components/[ComponentName].tsx
  • Reads the Design Contract and component specification before writing code
  • Applies CSS-only motion rules and avoids external motion libraries unless explicitly approved
  • Writes a run report to sanctum/00 Inbox/frontend-island-[name]-[date].md

Quick Start

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend/island
Download link: https://github.com/f-campana/bifrost/archive/main.zip#frontend-island

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.