Struq

What is Vuur?

Vuur is the website of a restaurant with a wood-fired oven and a wine bar by the water that does not exist. Claude Opus 5.5 built it with the Struq skill as the skill’s showpiece demo: the agent wrote the plan, took its palette, type and photographs from Struq’s canon, and played every showpiece the skill ships on one page. It runs below as it was built.

Updated
Struq skill 0.5.0

Now showing.

Vuur. Built with the Struq skill by Claude Opus 5.5 from this brief.

Open full screen
Vuur: the open mouth of a brick wood-fired oven with the fire lit, and the headline “Cooked over fire.” across the bottom.
Vuur. Built with the Struq skill by Claude Opus 5.5 from this brief.

Open Vuur full screen

What was it asked for?

A restaurant with a wood-fired oven and a wine bar by the water. A demo: play every showpiece once.

What did the agent plan?

The agent wrote it into STRUQ.md and stopped once to have it approved. Then it built to it.

Idea
Everything starts at the fire. The motif is the open oven.
Type
Fraunces over Urbanist, the serif-editorial pairing, with the display face at its lightest weight.
Colour
Marrow bone and blood orange: a warm, theatrical bone ground with one red-orange accent.
Photos
The proof pack from Struq’s image library, with its bakery photographs left out because the brief names no bakery.
Arc
The opener, the image to full bleed, the manifesto, the panel wipe, the scrub connector, the project stack, the fill rows and the wordmark finale.

The blocks it plays.

Nine of the skill’s blocks play in Vuur. Each began as a recipe this site ran, and each ships in the skill now as its own file.

  1. Hero opener

    The first screen is the photograph edge to edge, the headline over it and the call to action in place.

  2. Pixel resolve

    The oven photograph arrives as coarse pixels and resolves to sharp in held steps.

  3. Image to full bleed

    A small image between the two halves of a name grows to fill the screen as you scroll.

  4. Manifesto scrub

    One large statement fills word by word while it scrolls through, with small images set into the sentence.

  5. Panel wipe

    Two panels of the ground colour, one word each, part to show the photograph behind them.

  6. Scrub connector

    Two words on either side of an empty ground, and one accent bar that grows between them as you scroll.

  7. Project stack

    One room per screen: the stage pins and each next one slides up over the last.

  8. Fill rows

    The menu as large hairline rows that fill with colour on hover and on keyboard focus.

  9. Wordmark finale

    The footer as a finale, with the name set edge to edge at the full width of the page.

Did anyone fix it by hand?

Twice, after the build. The copy moved from Dutch to English for the launch film, written fresh rather than translated, and one frame that opened unevenly as it grew to full bleed now opens on all four sides.

The layout, the type, the colour and the motion are as the agent built them, and the skill’s own check passed it with no failures and no warnings.

Is Vuur a real restaurant?

No. The name, the kitchen and the room are layout copy, and the plan says so: no address, no hours and no prices unless a brief gives them. The photographs come from Struq’s image library and are free to use.

Now direct yours.

Paste it into Claude Code. It runs the install, then /struq is ready.

The Struq skill is free and open source. No account, no key, nothing to configure. Version 0.5.0, and you update by running it again.

Read the source on GitHub