About structured-artifact
Structured Artifact is a skill for creating structured artifacts that explain and present information. It guides authors to plan the presentation first, then choose text, visuals, interaction, and implementation guidance suited to the content.
Key features
- 01Create explanatory artifacts
- 02Plan presentation before implementation
- 03Choose text, visuals, and interaction
- 04Consult delivery guidance
- 05Use diagrams, images, and mockups
Use cases
- 01Presenting structured information
- 02Showing relationships or flows
- 03Embedding or annotating images
- 04Comparing mockups
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/structured-artifactin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
resources/delivery.mdreact-flow.mdimages-and-mockups.mddiagrams.mdDetails
From the project READMEStructured 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 when building the artifact. Read diagrams when showing relationships or flows, and images and mockups when embedding, annotating, or comparing them.