Frontend Bootstrap Architecture

Use this skill when the task starts from an empty repo, a new frontend app, a major structural refactor, or an unclear existing codebase that needs architectural direction.

This skill is optimized for React, Next.js, Vite, and React-adjacent repositories, but it can also be used to inspect an existing Vue or other frontend project before making architecture decisions.

Use This Skill When

• The task starts from project initialization or framework selection.
• The repository already exists and needs structural review before implementation.
• The user needs architecture, directory strategy, environment setup, or baseline engineering conventions.
• The task affects routing foundations, app shell design, module boundaries, or shared layers.

Inputs To Confirm Up Front