Claude with kit 1.0.0
Screenshots show the first screen. Try it live runs the real build right here: scroll it, click it, poke it.
The prompt
“Make a website for Atelier Ossa, a small studio in Scottsdale that makes custom engagement rings.”
With the kit, it asked a few questions first. The answers: "No logo yet. No photos yet. Not sure about the style. Luxurious but not stuffy. No prices or address to share yet." Without the kit it asked nothing and went on the prompt alone.
same prompt, no kit
- Invented a turnaround ("6–8 weeks"), a free-consultation offer and an email address
With the kit: nothing invented. Anything the prompt didn't give is marked as a gap to fill in.
the kit build’s own handover note
The look. It’s a booking site for the studio, with a calm, gallery-like pace. To keep it luxurious but not stuffy I used a warm bone background, a bottle-green signature colour and relaxed copy, with no black-and-gold. Headlines are in Libre Caslon Display and body text in Hanken Grotesk. Both fonts are free and stored with the site.
The rings. Since there are no photos yet, the opening shows a 3D ring between the words “Atelier” and “Ossa.” It’s clearly labelled as a stand-in until real photos arrive. Visitors can drag it to turn it and try four stone shapes (round, oval, emerald, pear) and three metals. Their choices fill in the booking form automatically.
The page, in order:
- Opening: the ring, one line about the studio and a “Book a consultation” button.
- Why custom: “Not picked from a case. Made from a conversation.”
- What you decide: stone, setting, band and metal, shown as a line drawing of a ring taken apart.
- How it works: four steps, Talk → Design → Make → Collect.
- The studio: a spot for a photo and a line about the maker.
- Visit & book: contact details and a request form.
- Type
- Company site (studio)
- Tone
- Calm & premium · Gallery
- Field
- Luxury
- Built in
- Claude
- Kit version
- 1.0.0
- Compared with
- Plain Claude, no skills, same prompt
Scroll it The whole page, top to bottom
