Studio Webcrafters / AI workspace
Inspired by Google AI Studio

Design, generate, and ship from one focused workspace.

This landing page now behaves like a studio: prompt in the center, project context on the side, and live artifacts below. The layout stays lightweight, but the interaction model feels like a proper product workspace instead of a generic splash screen.

Fast prompt loop Seed ideas, refine output, and rerun without leaving the page.
Context aware Request path, host, and error metadata remain visible while you work.
Chat mode Quickly switch the prompt into a conversation-style request.
Preview mode Show the latest response and keep the output panel in view.
Export mode Package the result into a delivery-ready artifact.
Inspect mode Surface implementation notes, logs, and request context.

Prompt designer

Use the chips to seed the workspace or rewrite the request by hand.

Model: Gemini-like
Prompt studio.webcrafters.be

Live preview

The output area reacts to the selected mode and prompt content.

Plan ready
Workspace plan Updated 00:12

Compose a clean AI Studio-style shell with sidebar navigation, a central prompt editor, a right-hand inspector, and responsive cards that stack gracefully on smaller screens.

Generated response Structured output

The workspace is organized around a prompt-first flow with explicit build, review, and export states. Buttons update the active mode, chips inject starter prompts, and the preview panel reflects the current request context.

Artifacts

These are the things a studio user expects to inspect or hand off.

  • Prompt draft, preview summary, and export-ready notes.
  • Responsive layout decisions and interaction states.
  • Error context preserved for debugging and routing.

Deploy

Keep the handoff path visible so the page feels actionable.

  • Preview link: ready
  • Build status: local
  • Export package: available on request

Activity log

Recent actions surfaced like a compact studio sidebar.

  • Mode switched to plan Prompt editor and status badge update together.
  • Context source www.digidesign.be Request path and host remain visible while iterating.
  • Preview summary synced UI reflects the current sample prompt and active mode.
Host www.digidesign.be
Path /
Context Direct visit
Time 00:12

The page keeps the original request context, so if a host errors and routes here, the studio still shows the relevant URL and status code without breaking the interface.