# Structured Artifact

Load when the human wants something to browse rather than read: an HTML page that...

- Repository: https://github.com/haowjy/creative-writing-skills (556 stars)
- Category: Engineering
- License: Apache-2.0
- Last updated: 2026-10-28
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add haowjy/creative-writing-skills --skill structured-artifact -g -a claude-code -y`
Codex: `npx skills add haowjy/creative-writing-skills --skill structured-artifact -g -a codex -y`
Cursor: `npx skills add haowjy/creative-writing-skills --skill structured-artifact -g -a cursor -y`
Gemini CLI: `npx skills add haowjy/creative-writing-skills --skill structured-artifact -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add haowjy/creative-writing-skills`

## Description

Load when the human wants something to browse rather than read: an HTML page that explains or presents information, with its delivery.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Structured Artifact

Create structured artifacts for explaining and presenting information.

Load `/creative-writing-skills: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.