MD Workspace

YOUR TEAMS

Loading...

PRO DEVELOPER

User email@example.com

Project Storage 0%

0 KB / 50 GB

Zainin AI Model

Welcome to MD Workspace

Select a team from the sidebar to open your project, or create a new one to begin building.

Quick Start Actions

Create a New Team Establish a shared dev space for your teammates.

Connect GitHub Link account to push, pull and deploy code.

Profile Settings Configure profile metadata and avatar.

Documentation Browse the platform developer guides.

SUPPORTED TECH STACKS

HTML5 CSS3 Vanilla JS Firebase GitHub API

Developer Status

Membership PRO Developer

Storage Quota 50 GB PRO Limit

Cloud Status Synchronized

Quick Shortcuts

AI Assistance Chat @zainin

Toggle Live Preview F5

Go to Line in Editor Ctrl + G

MC

Project Details

Name: Loading...

GitHub: Loading...

Workspace Path: /MDWorkspace

Team Statistics

Collaborators: Loading...

Manage team collaborators, roles, and profiles inside settings.

Active Modules

Shared Team Chat
Kanban Workspace
Monaco Code Editor

This project workspace has been archived by the administrator and is running in read-only mode.

MC

Project Name

No Repo

Pinned Messages 0

Sprint Kanban

Sprint Progress

0%

0 tasks

To Do 0

In Progress 0

In Review 0

Completed 0

EXPLORER

OPEN EDITORS

PROJECT ROOT

SEARCH

Type to search across project files

SOURCE CONTROL

Branch

Changes 0

No changes detected

Commit History

RUN AND DEBUG

CONFIGURATION

Detected Stack HTML5 / Web

Auto-detecting project files...

QUICK LAUNCH

ENVIRONMENT (.ENV)

PORT=3000
NODE_ENV=development

ZAININ AI ASSISTANT

Hello! I'm Zainin. I have indexed all files in this workspace. Ask me to fix a bug, refactor, explain code, or create new files.

TEMPLATES

Static Web App HTML, CSS, JS skeleton

React SPA Boilerplate Single page React project

DEPLOYMENTS

Deploy your workspace files directly to live servers using static site deployment.

EXTENSIONS

SETTINGS

Editor Theme

Tab Size

Show Minimap

Save current file

Save Whole Project

Editor Actions

workspace src index.html index.html

@zainin/all (Full File)

Live Preview Live App

LIVE

Page 1

Compiling Sandbox...

0ms

Console

[LIVE] Sandbox runtime ready. Console output will appear here.

bash

node

python

No problems have been detected in the workspace.

MD Workspace Run

Run a console file to see its output here.

Debug session ready. Evaluate JavaScript expressions below.

>

developer@mdcolab:~/workspace$

TERMINALS

Forwarded Ports

Port	Local Address	Running Process	Status
3000		Preview Server	Active
8080		API Proxy	Active

In-Browser Port Forwarding: MD Workspace runs projects inside sandboxed in-browser virtual containers. Clicking a forwarded port opens its live virtual runtime seamlessly.

MD Colab: Cloud

main

Unsaved changes

0 0

Port: 5173

Prettier

Spaces: 4

UTF-8

LF

JavaScript

Ln 1, Col 1 0L 0W 0C

Go Live

CRM & Client Leads

Track inquiries, manage deal pipeline stages, and close client contracts.

0

Total Leads

$0

Pipeline Value

0

Active Negotiations

$0

Won / Closed

Contact / Lead	Company / Org	Deal Value	Stage / Status	Date Added	Actions
Loading leads...

New Leads 0

Contacted 0

Proposal Sent 0

Won / Closed 0

Lost 0

Deployments Center

Deploy and manage your live workspace on high-performance cloud networks

Vercel Deployment

Step 1 of 2

Click one to deploy 'Vercel', 'Netlify'

Choose your cloud deployment platform to initiate setup.

Connect Required

Vercel

Deploy instantly with automatic SSL, serverless functions, and global edge network routing.

*.vercel.app Select

Connect Required

Netlify

Deploy static frontends, sandboxes, and web apps with instant subdomain caching.

*.netlify.app Select

Already have a live deployment or custom domain?

Auto-scan your GitHub repo for active Vercel/Netlify URLs or attach an existing live website.

Step 2 of 2

Assign & Select Domain

Vercel Account Not Connected

You need to link your Vercel account or enter an API token to deploy live to *.vercel.app

The system automatically generated domain suggestions based on your project: Project. Check domain visibility and choose one to deploy:

Or enter a custom domain prefix:

.vercel.app

Domain is already taken by another project.

                                    
                                    domain.vercel.app
                                

Assigning domain...

Please wait while the cloud pipeline completes

Latest Live Preview: https://example.vercel.app

READY

Quick Actions: Vercel Console

Cloud Edge Live

Vercel Deployment

Connected

Assigned Domain: mujtaba-portfolio.vercel.app

Linked Repository: Synced

Deploy Logs

                                        [Ready] Deployment pipeline active and ready.
                                    

SSL / TLS Route

Let's Encrypt TLS 1.3

Edge Anycast CDN

Multi-Region Edge

Framework Preset

Static HTML5 SPA

Routing & Rewrites

Auto Index Fallback

Environment Variables & Secrets

Configured key/value pairs injected securely into your cloud builds and runtime environments.

0 variables

Deployment History

Trigger / Commit	Status	Timestamp	Domain / Live URL
No deployments recorded yet

Workspace Project Settings

Project Hub & Workspace Settings

Configure project identity, team privileges, Monaco editor preferences, workspace modules, and system controls.

PROJECT & IDENTITY

WORKSPACE ENVIRONMENT

ADMINISTRATION

General Configuration

Manage project title, GitHub repository endpoints, and metadata.

Project Title

Repository Endpoint

Create a new GitHub repository for this project

The repo will be created on your GitHub account and linked automatically.

Brief Description

Tech Stack Tags

Default Entry Route

Monaco IDE & Editor Preferences

Customize themes, typography, formatting behaviors, and display metrics for the Monaco Code Editor.

Appearance & Theme

Editor Theme

Font Family

Font Size

Tab Spacing

Code Ergonomics & Toggles

Show Code Minimap Display vertical overview code navigation map on the right side of Monaco.

Word Wrap Automatically wrap long lines of code within the editor viewport.

Format on Save (Prettier) Automatically format HTML, JS, JSX, CSS, and JSON files on save.

Members & Roles Management

Below are all active developers with access to this shared project workspace.

Developer	Email Address	Role / Privilege

Invite New Developer

Workspace Modules & Integrations

Toggle modular sections of MD Workspace to match your team's custom development needs.

Real-time Chat & AI Copilot Enable collaborative team communications and Zainin AI bridges.

Sprint Kanban Board Manage agile tasks, drag-and-drop sprints, and project velocity boards.

Workspace Code IDE Direct code editor with Monaco IDE integrations and real-time syncing.

Premium Leads Center Track sales pipelines, customer interactions, and business metrics.

Interactive Multi-Language Terminal CLI In-browser shell with npm, pip, file operations, and interactive REPLs.

In-Browser Mock REST API & Database Virtual backend simulating Express.js endpoints and in-memory document storage.

Active Workspace Connectors

Integrate external systems and services directly into your workspace pipeline.

GitHub Integration

Sync workspace files, pull from and deploy directly to repositories.

Vercel Deployments

Deploy workspace projects to production with native edge delivery and redirects.

Netlify Deployments

Deploy sandbox static sites to Netlify CDN subdomains with API-driven publishing.

AI Skills & Prompt Marketplace

Manage built-in skills and upload custom workflow prompts (.md files).

Loading skills...

Virtual File System & Storage Management

Inspect local project assets, manage live preview compile caches, and export or back up workspace files.

Project Files Calculating...

VFS Size in Memory ~24 KB

Preview Cache Active

Cache Management & Optimization

Clear Live Preview Bundle Cache

Invalidates memory bundle caches and forces a full re-compilation of React/Next.js/Vue modules.

Export Entire Workspace (.zip)

Pack all current project code, configs, and assets into a portable standard .zip archive.

Advanced Administration & Protection

Actions here are irreversible. Please execute caution when changing critical attributes.

Transfer Workspace Ownership

Transfer ownership rights of this project to another team member.

Archive Project

Set this project workspace to read-only. Members won't be able to push code modifications.

Delete Project Workspace

Permanently wipe all code history, chat history, Kanban tasks, and project configuration records.

Create New Team

Projects

Select a project to open or create a new one

New Project

Set up a new workspace for your collaborative team

Project Name *

GitHub Repository (Optional)

Create a new GitHub repository for this project

Repository name will be automatically assigned from project name

The repo will be created on your GitHub account and linked automatically.

Create Sprint Task

Add a structured task with priority, category & due date.

Task Title *

Priority

Category

Initial Stage

Due Date (Optional)

Notes & Criteria (Optional)

Edit Task Details

Update task status, priority or technical notes.

Task Title *

Priority

Category

Stage / Column

Due Date

Notes & Requirements

Add Client Lead

Record prospective clients, deal values & contact info.

Contact Name *

Email Address *

Company / Brand (Optional)

Estimated Deal Value ($ / ₹)

Initial Pipeline Stage

Phone / Social Handle (Optional)

Project Scope & Notes (Optional)

Edit Lead Details

Update deal stage, value, contact info & notes.

Contact Name *

Email Address *

Company / Brand

Estimated Deal Value ($ / ₹)

Pipeline Stage

Phone / Social

Project Scope & Notes

Pending Invitations

Invite Member

User Name

@username

Role

Core Tech Stack

user@email.com

Move File

×

Select destination folder for :

Connector Name

Not Connected

Description of the connector goes here.

Do you use GitHub?

Connect your GitHub account to directly import and manage your repositories (Public & Private) within MD Workspace.

Skills Marketplace

Loading skills...

Skills are managed & uploaded from Settings

Upload Custom AI Skill

Click to upload or drag & drop a .md / .txt file

Markdown instruction prompt or system persona

Skill Name *

Slash Trigger *

/

Short Description

Prompt Instructions (.md) * Supports Markdown & Code templates

> ESC

Publish to GitHub

×

Commit and push all workspace files to your GitHub repository.

Checking linked repo...

main

No GitHub repository linked to this project yet.

Commit Message

The message — from MD Workspace will be appended automatically.

Connect Vercel Account

Link your account to deploy live on cloud edge

×

Target domain: dev-hello.vercel.app

or enter personal access token

Personal API Access Token

Get your Vercel Access Token Saved securely in your browser

Zainin AI Assistant

×

Target File

Selected Code Block

What should Zainin AI do?

@zainin/edit

0