# Structured Artifact

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

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

- Page: https://ss33.ai/skills/haowjy/structured-artifact-34475583069
- Publisher: haowjy
- Category: [Software Development](https://ss33.ai/skills/category/software-development-t44z8z) › [Frontend & UI](https://ss33.ai/skills/category/software-development-t44z8z/frontend-and-ui-q25e9r)
- License: Apache-2.0
- Source: https://github.com/haowjy/creative-writing-skills/blob/fec5020a91dddd089d74a00a2d7b87f15a919ae4/cw/skills/structured-artifact/SKILL.md

## Skill

SKILL.md: https://ss33.ai/api/v1/ss33/download/haowjy/structured-artifact-34475583069

# 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.