LogoClawIndex
CasesSkillsAbout
LogoClawIndex

vite-to-astro - Migrate React Vite SPA to Astro

Migrate React + Vite SPAs to Astro with file-based routing, React islands, and SSR patterns

Tags

Updated: 2026-03-22
ReactViteAstroMigrationSPAsSSRFrontend

Capabilities

Convert React Router to file-based routingMigrate framer-motion to motion/reactUpgrade Tailwind CSS to version 4Setup React component islands

Typical Inputs

React + Vite SPA projectReact Router configurationframer-motion imports

Typical Outputs

Astro project structureConverted React componentsUpdated Tailwind CSS 4 configuration

What this skill does

  • Convert React Router to file-based routing
  • Migrate framer-motion to motion/react
  • Upgrade Tailwind CSS to version 4
  • Setup React component islands
  • Implement server-side rendering patterns
  • Configure view transitions
  • Clean up React 19 imports

Inputs

  • React + Vite SPA project
  • React Router configuration
  • framer-motion imports
  • Tailwind CSS 3 configuration
  • Project dependencies

Outputs

  • Astro project structure
  • Converted React components
  • Updated Tailwind CSS 4 configuration
  • Server-rendered pages
  • View transition animations

Requirements

  • Astro 5 runtime environment
  • React 19 support
  • Tailwind CSS 4 support

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.