astro
Astro
Fast sites with SSG/SSR, minimal JS, TypeScript, and client island architecture.
Client island examples use React (
@astrojs/react). For Vue, Svelte, or Solid islands, replace<ReactComp client:load />with your framework's component — the directive syntax (client:load,client:visible,client:idle) is identical.
When to Use
- Static sites (SSG), server-rendered (SSR), or hybrid
- Content-focused sites (blogs, docs, marketing)
- Partial hydration with islands
Don't use for:
- Full SPAs (use react)
- Client-heavy apps with constant state
- Real-time dashboards with WebSockets
More from joabgonzalez/ai-agents-skills
typescript
Strict typing and type-safe development. Trigger: When implementing TypeScript in .ts/.tsx files, adding types, or enforcing safety.
7code-conventions
Universal coding principles: DRY, security by default, null guards, and YAGNI. Trigger: When writing or reviewing code in any language or technology.
2css
Modern CSS with Grid, Flexbox, and custom properties. Trigger: When writing CSS styles, implementing layouts, or using modern features.
1vite
Fast build tool with HMR for modern web development. Trigger: When configuring Vite, setting up dev server, or optimizing builds.
1critical-partner
Rigorous code review and improvement partner. Trigger: When validating code quality, reviewing implementations, or providing critical feedback.
1writing-plans
Executable plans with granular tasks and file precision. Trigger: When creating implementation plans with 2-5 minute tasks.
1