Best Claude Code Prompt for “Build a Landing Page”

<verification>
Run the local development server and verify the landing page loads correctly in a browser.
Ensure the page is responsive across common screen sizes (desktop, tablet, mobile).
Check that all links on the page are functional and lead to the correct destinations.
</verification>
<outcome>
A new landing page for the [product/service] should be created and integrated into the existing website.
The page should clearly communicate the value proposition of the [product/service].
It should include a call to action, such as a sign-up form or a link to learn more.
The design should be consistent with the overall aesthetic of the current website.
</outcome>
<context>
Review the existing `src/components` directory for common component patterns and styling conventions.
Examine `src/styles/global.css` for the primary color palette and typography settings.
Refer to `src/pages/about.js` for the general structure of a content page.
</context>
<constraints>
Use only the existing CSS framework or utility classes; do not introduce new styling libraries.
Ensure the page is optimized for fast loading times.
Maintain backward compatibility with current browser support policies.
Do not modify any existing core components or utility functions outside the scope of the landing page.
</constraints>
<git>
Create a new branch named `feature/landing-page-[product-service]` for these changes.
Commit the changes with a clear and concise message upon completion.
</git>