Astro Islands Architecture
Building fast content sites:
- Leverage Content Collections with strict Zod schema validation.
- Only load framework components on client using
client:visibleorclient:idle.
Build content-driven websites with Astro content collections, zero-JS default rendering, and interactive framework islands.
Andromity loads skills from folders you trust. Install with andromity skill install astro-islands — autonomy and approval limits stay configurable per session.
# Install the "Astro Islands Architecture" skill You are installing an AgenticMarket skill into this workspace. Follow these steps exactly. ## 1. Detect your environment and choose the destination file - Andromity: `.andromity/skills/astro-islands/SKILL.md` (or user scope `~/.andromity/skills/astro-islands/SKILL.md`) - Antigravity / Gemini CLI: `.agent/skills/astro-islands/SKILL.md` - Cursor: `.cursor/rules/astro-islands.mdc` - Claude Code: append to `CLAUDE.md` (or `.claude/skills/astro-islands.md`) - Windsurf: append to `.windsurfrules` - Cline / Roo Code: `.clinerules/astro-islands.md` - GitHub Copilot: append to `.github/copilot-instructions.md` - ChatGPT / web only: paste the content into Custom Instructions - Any other agent: save to `.agent/skills/astro-islands/SKILL.md` ## 2. Create the destination file - Preserve every existing file and configuration entry. - Create parent folders as needed. - Never overwrite unrelated content. ## 3. Write exactly this content ```markdown --- name: astro-islands description: "Build content-driven websites with Astro content collections, zero-JS default rendering, and interactive framework islands." author: community license: mit version: 1.0.0 --- # Astro Islands Architecture Building fast content sites: - Leverage Content Collections with strict Zod schema validation. - Only load framework components on client using `client:visible` or `client:idle`. ``` ## 4. Verify - Confirm the file exists and is readable. - Report the destination path and confirm the "Astro Islands Architecture" skill is installed and active. Skill metadata: - Slug: astro-islands - Category: development - License: mit - Source: AgenticMarket
Building fast content sites:
client:visible or client:idle.Build content-driven websites with Astro content collections, zero-JS default rendering, and interactive framework islands.
Astro Islands Architecture works seamlessly with Cursor (.cursor/rules), Claude Code (CLAUDE.md & .claude/skills), Windsurf (.windsurfrules), Google Antigravity (.agent/skills), Andromity (.andromity/skills), and Cline.
Click '1-Click Prompt Install' in the right sidebar or copy the prompt into your agent chat (Cursor Composer, Claude Code, or Andromity). The agent automatically configures the skill instruction file into your workspace.
Yes, Astro Islands Architecture is 100% free and open-source under the mit license on AgenticMarket with no per-call fees or paywalls.
Master React Server Components, Server Actions, parallel routes, streaming, ISR, and cache revalidation.
Implement Stripe Checkout sessions, webhook verification, customer portals, idempotency keys, and subscription billing.
Design type-safe database schemas, execute optimized relational queries, and manage migrations across SQLite, Postgres, and D1.