What problem does it solve? Building static frontend sites on the Manus web-static template requires knowing its specific conventions: where files live, how to handle images without breaking deployment, which design tokens to preserve, and which common React/Tailwind pitfalls to avoid. This Skill provides the complete development guide so generated projects follow the template's rules from the first line of code. ## Core Features & Use Cases - Template Conventions: Documents the file layout (client/src/pages, components, hooks, index.css design tokens) and customized defaults like the auto-centering .container and transparent outline buttons. - Asset Handling Workflow: Enforces the required manus-upload-file CLI flow for images and media to prevent deployment timeouts caused by local files in client/public/. - Design & Animation Guidance: Provides a design guide for distinctive layouts and an animation guide covering timing, easings, GPU-safe properties, and prefers-reduced-motion support. - Pitfall Prevention: Catalogs common failures such as SVG wave divider bleed-through, text contrast issues, infinite query loops from unstable references, and nested anchor tags. - Use Case: When asked to build a landing page or dashboard, load this Skill to choose a design style, compose pages with shadcn/ui components, integrate Google Maps via the built-in MapView, and pass the launch checklist. ## Quick Start Use the webdev-readme-static guide to build a static React landing page on the Manus web-static template following its design and asset conventions.
