Enterprise validation lab v0.1.4 GitHub Pages ready

Client-side validation for enterprise environments.

Design-Prototype is a browser-based enterprise validation lab for turning rough endpoint, compliance, readiness, and fleet-management ideas into visible, testable, and shareable prototypes.

Thin client scenarios Citrix / VDI readiness Baseline-driven checks Static browser prototypes Asset recovery utility SEO and CSS fix guidance Fleet compliance reports
Prototype focus 1. Detect client context 2. Check readiness signals 3. Compare against expected baseline 4. Surface operational status 5. Give immediate feedback Outcome: Faster triage, clearer visibility, better client-side validation.

Core prototypes

These prototypes are not random demos. They explore how enterprise endpoints can expose readiness, health, and operational state through lightweight browser-based tooling.

Primary

Client Readiness Dashboard

Client Readiness Dashboard screenshot

A readiness-focused interface for checking whether a client environment appears prepared for expected enterprise usage patterns.

  • Readiness and baseline thinking
  • Client-side visibility before access
  • Useful for managed endpoint scenarios
Optimizer

MQ Client Optimizer v1

MQ Client Optimizer screenshot

A browser-based analyzer for IGEL and macOS baselines, designed to share the same baseline thinking as the command-line optimizer.

  • IGEL OS 12 and macOS baselines
  • Sample data, pasted JSON, or agent URL
  • JSON and HTML report export
Operations

Fleet Command Center

Fleet Command Center screenshot

A concept for broader fleet-level visibility where multiple clients can be viewed through a more operational, centralized lens.

  • Multi-endpoint operational perspective
  • Status-oriented design direction
  • Supports scale thinking, not just single-client checks
Platform

macOS Enterprise Dashboard

macOS Enterprise Dashboard screenshot

A prototype direction for enterprise macOS visibility, linking configuration, posture, and operational control into one browser-based interface.

  • Enterprise platform perspective
  • Security and configuration visibility
  • Supports cross-platform design thinking
Risk

Certificate Expiry Timeline

Certificate Expiry Timeline screenshot

A timeline view for spotting certificate expiry risk across local macOS data or fleet-level signals before renewals become urgent.

  • Expiry-focused operational view
  • Local and fleet data paths
  • Useful for renewal planning and risk triage
Utility

MQ Asset Downloader

MQ Asset Downloader screenshot

A Photoshop-inspired browser workspace for scanning a public page URL, finding image assets, previewing them, and exporting selected files as a zip archive.

  • Works across general websites and other builders
  • Optional Squarespace-only asset filter
  • Selectable asset grid with previews
  • Zip export with a download manifest
Open demo →
Advisor

MQ Site Fix Advisor v1.1.0

MQ Site Fix Advisor screenshot

An older vSphere-inspired audit console for finding SEO, image, link, and CSS issues, then showing practical fixes for each item.

  • URL scan or pasted HTML fallback
  • Severity-ranked issues with locations
  • Concrete fix guidance and code snippets
  • Auto-fix generator and exportable JSON report
Open demo →
Developer Tool

MQ Mirror — GUI→CLI Companion

MQ Mirror screenshot

Watches your macOS GUI context in real-time and streams the equivalent terminal commands to a local web page via SSE. Useful for learning CLI workflows or documenting what you do.

  • Live command cards — app, Finder, browser context
  • Search, filter chips, pin commands, export as .sh
  • ▶ Run in Terminal.app, iTerm2, Warp, or Ghostty
  • Command history persists across restarts
  • Start with ./tools/mqmirror/start.sh
Report

MQ Fleet Report

Generates a client-ready compliance report from fleet JSON exports — with narrative summary, trend comparison, and prioritised recommendations.

  • Import JSON from Fleet Command Center or macOS agent
  • Plain-language narrative, not just tables
  • Trend line vs. previous report
  • Recommendations with effort estimates
  • Print-ready for client delivery
Open report →

Approach

This repo explores a practical design question: how much useful client insight can be surfaced directly through portable web interfaces in constrained enterprise environments?

Design principles

  • Client-aware: the interface should reflect endpoint context, not just show static UI.
  • Portable: browser-based prototypes reduce friction and make testing easier.
  • Operational: outputs should support triage, validation, and decision-making.
  • Baseline-driven: “good” state should be explicit, not implied.
  • Architecture-first: these prototypes are design artifacts, not only front-end exercises.

Typical flow

1
Load the prototype

Open a portable dashboard in the client environment being evaluated.

2
Observe signals

Surface visible indicators tied to readiness, posture, or expected configuration.

3
Compare to baseline

Interpret the state against a known-good target rather than guessing what “healthy” means.

4
Take action faster

Use the output as a starting point for troubleshooting, validation, and architecture decisions.

Safe sharing

Demo screenshots are safe to share. Live helper output can include hostnames, serial numbers, IP addresses, usernames, and certificate subjects. Redact local agent output before opening issues or posting examples.

Read safe-sharing guide →

Positioning

Design Prototype should be understood as an architecture and product exploration, not just a folder of HTML files.

“Design-Prototype is a browser-based enterprise validation lab for turning rough endpoint, compliance, readiness, and fleet-management ideas into visible, testable, and shareable prototypes.”

In other words: the repo is about making managed client environments easier to understand, validate, and operate.

Why it matters

  • Unknown client state slows troubleshooting.
  • Baseline gaps create inconsistent user outcomes.
  • Browser-based prototypes are fast to test and communicate.
  • Clear design artifacts improve technical conversations with stakeholders.