Skip to content
HagiCodeHagilight example

Select language

Current language: English

Content images

This page shows the body-image baseline that @hagicode/hagilight-starlight applies automatically.

Markdown and MDX images outside a <picture> element get loading="lazy", decoding="async", and the hagilight-content-image class. Values the author already set are kept, and the class is added once.

Relative local image

Section titled “Relative local image”

The image below is rendered with <Picture formats={['avif', 'webp']}>, so browsers that support AVIF receive it first, then WebP, then the PNG fallback. It already sits in a <picture> element, so the handling above does not apply to it.

A teal and lime gradient with a cream circle, used as a relative local image

Site-root image

Section titled “Site-root image”

A warm gradient stored in the public folder and referenced from the site root

Author-set loading

Section titled “Author-set loading”
A warm gradient that the author asked to load eagerly

To turn this handling off for the whole site, set contentImages: { enabled: false } on the Starlight plugin.

HagiCode

HagiCode is an agentic coding workspace. Rich, convenient UI interactions make planning, agent execution, and project work approachable and easy to navigate, creating an engaging development experience.

Explore an engaging development experience through rich, convenient UI interactions.

Visit HagiCodeRead the documentation
  • SmartOpenSpec workflows turn intent into an executable path, from proposal to design, tasks, and a shipped change.
  • EfficientMulti-agent execution keeps research, implementation, and review moving in parallel, across several repositories and the Agent CLIs you already use.
  • InterestingRich, convenient UI interactions make planning, agent execution, and project work approachable and easy to navigate.

Download for Windows

Get it from Microsoft StoreAll downloads

Turn ideas into shipped software.

HagiCode is an agentic coding workspace. OpenSpec workflows plan the change, multi-agent execution carries it out, and Hero Scenario makes the long run visible, so ideas become shipped software.

Download HagiCodeProduct Docs
Smart
OpenSpec workflows turn intent into a path from proposal to shipped change.
Efficient
Multi-agent execution runs research, build, and review in parallel.
Fun
Rich UI interactions make planning, agent work, and projects easier to follow.

© 2026 HagiCode | Powered By hagilight-starlight@0.1.0 | Branch: main | Commit: 19ad7f2 | Built: