What problem does it solve? Building static frontend sites often leads to inconsistent styling, broken deployments from misplaced media assets, and common React pitfalls like infinite render loops or invisible text. This Skill provides the complete development guide for the web-static template so every project follows proven conventions from the first line of code. ## Core Features & Use Cases - Template Conventions: Defines the file layout, design token system in client/src/index.css, and customized Tailwind/shadcn defaults such as the auto-centering .container utility. - Asset & Media Workflow: Enforces the required manus-upload-file CLI workflow for images so local media never causes deployment timeouts. - Design, Animation & Maps Guidance: Ships opinionated rules for visual design, sub-300ms motion with custom easings, and full Google Maps integration via the built-in MapView component without API keys. - Use Case: When asked to build a landing page or dashboard, activate this Skill to get the checklist covering theming, routing with Wouter, placeholder handling, and common pitfalls like SVG divider bleed-through and contrast failures. ## Quick Start Use the webdev-readme-static guide to build a static React landing page following the template conventions.
