AI agent skill · by @haowjy

Structured Artifact

Load when creating structured HTML artifacts to explain and present information.

Archived 2026-10-23 · Source updated 2026-10-08 · License: Apache-2.0. Check the original repository for the latest version.

SKILL.md instructions

# Structured Artifact

Create structured artifacts for explaining and presenting information.

Load `/information-hierarchy` if it isn't already loaded, and follow it. Use
text, visuals, and interaction where each helps the reader understand. Decide
how to present the content before choosing implementation tools.

Read [delivery](resources/delivery.md) when building the artifact. Read
[diagrams](resources/diagrams.md) when showing relationships or flows, and
[images and mockups](resources/images-and-mockups.md) when embedding,
annotating, or comparing them.