Scaffold TypeScript React SPAs with Vite, React Router, and Apollo Client.
npx skills add https://github.com/bpteam/coder --skill react-web-bpteam
Please help me install this Agent Skill. Skill: react-web Source: https://github.com/bpteam/coder/tree/main/.opencode/skills/react-web Command: npx skills add https://github.com/bpteam/coder --skill react-web-bpteam
This frontend blueprint provides an opinionated, maintainable structure for building GraphQL-driven React SPAs, reducing architectural drift and onboarding time.
Set up a new React SPA project following the strict structure and wire up Apollo Client with GraphQL.
High-intent search queries and answers about installing and using this skill.
Structure a React SPA by enforcing a fixed directory layout that separates UI, data fetching, and routing concerns. This opinionated scaffold uses TypeScript with no any types and Apollo Client to enforce a maintainable architecture.
The best way to scaffold a Vite and React Router project is using an opinionated blueprint that enforces strict TypeScript and separation of concerns. It provides guided scaffolding to wire up Apollo Client for GraphQL server-state management.
This React SPA scaffold applies primarily to teams starting new React apps with Vite, React Router, and type-safe forms. It enforces a strict architecture to reduce architectural drift and onboarding time across projects.
Enforce strict TypeScript usage with no any types in a GraphQL-driven React SPA to guarantee type-safe data fetching and form handling. This strict typing enforces a maintainable frontend architecture and prevents runtime errors.
This React SPA architecture blueprint is GraphQL-centric and specifically uses Apollo Client for server-state management. It enforces a clear data fetching pattern that relies on Apollo Client within its fixed directory layout.
GemachDAOScaffold a React or Next.js project with a GDEX SDK provider.
LiinkiingStandardize Apollo Client GraphQL conventions in Next.js projects with colocated fragments and codegen.
dinogitBuild validated React forms with React Hook Form and Zod.
bpteamProvides actionable HRMS implementation and upgrade guidance for all audiences.
