Claude, Relume and Higgsfield website design tutorial
Learn a Claude website workflow with Relume HTML exports, Higgsfield CLI media generation, mobile checks, copy editing and SEO planning.
Player not loading? Watch on YouTube
This tutorial follows a Claude website workflow using a roofing business as the example. The speaker starts with Mintlify as a design reference, then uses Relume to plan pages, rearrange wireframes and set a style guide. He exports the plan as HTML and uploads the ZIP to Claude alongside the reference URL and a design loop skill.
The media step connects Claude to the Higgsfield CLI through a browser sign-in. The speaker uses it for images and video, then asks Claude to build an interactive roof quote form with an image upload, questions and an animated result. The displayed quote is part of the demonstration; the transcript does not establish its pricing accuracy.
Mobile layout gets a separate review. The speaker points out an unresolved visual issue and recommends checking the site manually even after Claude runs checks. Copy editing focuses on replacing generic claims with concrete wording. He also acknowledges placeholder project details that need replacement before publication.
Later sections cover adapting components from 21st.dev and asking Claude to develop an SEO checklist, keyword priorities and a content plan. Deployment uses a private GitHub repository and Vercel. This is a hosted website-building workflow; the tutorial does not explain how to run models locally or establish offline support.