DeepSite (Vibe Coding)

Introduction

DeepSite is a web-based smart AI web page (apps) generator that proposes fully functional websites directly from your descriptions. No coding, no design expertise required—just describe what you want, and DeepSite will create it for you.

Powered by DeepSeek R1, a state-of-the-art AI, DeepSite can turn requests like “Make me a project website with a dark theme and scrolling animations…” into complete, working code (HTML, CSS, JavaScript, and more). Everything happens automatically in the background—while you focus on your ideas.

Unlike public cloud-hosted AI services, DeepSite runs exclusively on e-INFRA CZ / CERIT-SC infrastructure, ensuring:

• Data security and privacy
• Performance optimized for our environment
• Access securely through your MetaCenter account.

Accessing DeepSite Web

DeepSite is available at:
👉 https://deepsite.ai.e-infra.cz/

Logging In

1. Open your browser and go to https://deepsite.ai.e-infra.cz/.
   (Latest Chrome, Safari, or Edge recommended.)
2. Log in using e-INFRA CZ:
   • Choose your home institution, or
   • Use the e-INFRA CZ password option and log in via MetaCenter login and password.
3. After login, you’ll be redirected to the DeepSite Dashboard.

Main Interface

DeepSite provides a clean, intuitive workspace divided into several sections:

1. Code Editor – Displays generated HTML, CSS, and JavaScript.
2. Chat Window – Your primary interaction point. Use it to:
   • Enter prompts for new websites
   • Redesign existing pages
   • Apply corrections to selected code blocks
   • Adjust settings (e.g., model parameters)
   • Submit queries
3. Preview Panel – Live preview of the generated website.
4. My Account (top right corner, under your name):
   • Start a new project
   • View saved projects
   • Log out

Example Workflow

1. Provide a natural-language description of what you want. (e.g., “Build a personal blog with a minimal layout and contact form”). Or supply reference links or examples of existing sites/apps you like. Provide reference links or screenshots if you have a design in mind.
2. Review the AI-generated output in the Preview Panel.

3. If needed, apply corrections or refinements in the chat.
4. Your project is saved automatically.

Best Practices

• Be specific in your prompts → Clearer instructions produce better websites.
• Use refinements strategically → Qwen3-coder is great for polishing, not redefining your intent.
• Save your work regularly → Sessions are temporary and not stored by default.
• Be mindful of resources → MetaCenter’s infrastructure is shared among users.

Explore the Gallery

You can view and explore websites created with DeepSite in the official gallery:
👉 DeepSite Gallery on Hugging Face