# Smaller images from one command

## Everything in the docs

::illustrated-cards
  :::illustrated-card{title="Start in five minutes" to="/docs/getting-started" illustration="getting-started" alt="A laptop with a terminal, a package box, a folder of photos, and one compressed image with a tick."}
  Install the binary and compress your first folder.
  :::

  :::illustrated-card{title="Guides" to="/docs/guides" illustration="guides" alt="Image frames with crop marks, a clamp that squeezes a picture, and format plates for WebP and AVIF."}
  Resize, compress, convert, and check images in CI.
  :::

  :::illustrated-card{title="Reference" to="/docs/reference" illustration="reference" alt="A drawer cabinet of flags, a stack of books, a config sheet, and an exit-code status tower."}
  Every command, flag, config field, and exit code.
  :::

  :::illustrated-card{title="Edit this site" to="/docs/this-site" illustration="edit-this-site" alt="A monitor with an editor and comment bubbles, two database cylinders, a media crate, and a plug for MCP."}
  The Console, the tools pill, comments, and MCP on this demo.
  :::
::

## This site is a demo

Lumen is a made-up tool. This site shows [`@vite-hub/docs`](https://vitehub.dev/docs/docs-site): every docs page is a Markdown file in [vite-hub/docs-demo](https://github.com/vite-hub/docs-demo), and the [blog](https://vitehub-docs-demo.maximogarciamtnez.workers.dev/blog) and the [changelog](https://vitehub-docs-demo.maximogarciamtnez.workers.dev/changelog) are collections of the ViteHub CMS. Signed-in editors change them in the ViteHub Console, leave comments, and let their coding agent edit them through MCP. Read [Edit this site](https://vitehub-docs-demo.maximogarciamtnez.workers.dev/docs/this-site) to try it.