Scaffold React and Apollo GraphQL dev servers with health checks.
npx skills add https://github.com/BeOnAuto/auto-agent --skill auto-scaffold
Please help me install this Agent Skill. Skill: auto-scaffold Source: https://github.com/BeOnAuto/auto-agent/tree/main/skills/scaffold Command: npx skills add https://github.com/BeOnAuto/auto-agent --skill auto-scaffold
It removes the setup friction of creating a frontend/back-end development environment by scaffolding a complete React + Apollo GraphQL app that’s immediately previewable in Auto.
health query and reports the frontend URL and GraphQL Playground URL back to the Auto app.theme.css using the model’s authoritative theme settings for consistent styling.Run the scaffold step by telling your coding agent to execute auto-agent:scaffold, then open the Auto app preview using the returned loopback URLs.
High-intent search queries and answers about installing and using this skill.
Scaffolding a React and Apollo GraphQL development environment instantly is done by creating and starting a Vite + React TypeScript frontend and an Apollo Server Express backend, then verifying both dev servers with health checks to report preview URLs back to the Auto app.
The fastest way to start a Vite React TypeScript dev server with a GraphQL backend is to run the scaffold step via your coding agent, which bootstraps both client and server directories in dev watch mode and generates loopback URLs for immediate preview visibility in Auto.
Yes, you can use this scaffolding tool on existing client and server directories. It applies to both fresh projects and incremental rebuild workflows, reliably detecting existing frontend and backend folders before starting the configured development servers.
The health check mechanism works by adding a dedicated GraphQL health query to the Apollo Server, allowing the system to verify both dev servers are running in the background before reporting the frontend URL and GraphQL Playground URL back to the Auto app.
Yes, the scaffold generates a premium, responsive welcome UI page for the React app. It also creates a theme.css file using the model's authoritative theme settings to ensure consistent styling across the newly bootstrapped Vite project.
A limitation of auto-scaffolding a React Apollo GraphQL app is that it specifically configures a Vite React TypeScript frontend and an Apollo Server Express backend, meaning it may not suit projects requiring different React build tools or alternative GraphQL server architectures.
first-flukeBuild Python backends with FastAPI, PostgreSQL, and Redis.
timequityDesign GraphQL schemas, implement resolvers, and enable subscriptions.
bpteamScaffold TypeScript React SPAs with Vite, React Router, and Apollo Client.
mtsatryanDevelops scalable full-stack apps with Next.js 14+ App Router, RSC, and server actions.