Artifacts Builder
nexu-io/open-design
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).
Organize durable agent research outputs as summaries, analysis, and evidence dossiers.
$ npx skills add magnus919/agent-skills --skill artifact-pyramids -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install magnus919/agent-skills artifact-pyramids --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/magnus919/agent-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/artifact-pyramids .claude/skills/artifact-pyramids && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "artifact-pyramids" agent skill from https://github.com/magnus919/agent-skills/tree/main/artifact-pyramids into .claude/skills/artifact-pyramids/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "artifact-pyramids", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/magnus919/agent-skills/tree/main/artifact-pyramidsType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add magnus919/agent-skills --skill artifact-pyramids -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install magnus919/agent-skills artifact-pyramids --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/magnus919/agent-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/artifact-pyramids .agents/skills/artifact-pyramids && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "artifact-pyramids" agent skill from https://github.com/magnus919/agent-skills/tree/main/artifact-pyramids into .agents/skills/artifact-pyramids/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "artifact-pyramids", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add magnus919/agent-skills --skill artifact-pyramids -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install magnus919/agent-skills artifact-pyramids --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/magnus919/agent-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/artifact-pyramids .cursor/skills/artifact-pyramids && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "artifact-pyramids" agent skill from https://github.com/magnus919/agent-skills/tree/main/artifact-pyramids into .cursor/skills/artifact-pyramids/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "artifact-pyramids", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/magnus919/agent-skills.git --path artifact-pyramids--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add magnus919/agent-skills --skill artifact-pyramids -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install magnus919/agent-skills artifact-pyramids --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/magnus919/agent-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/artifact-pyramids .gemini/skills/artifact-pyramids && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "artifact-pyramids" agent skill from https://github.com/magnus919/agent-skills/tree/main/artifact-pyramids into .gemini/skills/artifact-pyramids/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "artifact-pyramids", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install magnus919/agent-skills artifact-pyramidsInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add magnus919/agent-skills --skill artifact-pyramids -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/magnus919/agent-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/artifact-pyramids .github/skills/artifact-pyramids && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "artifact-pyramids" agent skill from https://github.com/magnus919/agent-skills/tree/main/artifact-pyramids into .github/skills/artifact-pyramids/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "artifact-pyramids", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add magnus919/agent-skills --skill artifact-pyramids -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install magnus919/agent-skills artifact-pyramids --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/magnus919/agent-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/artifact-pyramids .opencode/skills/artifact-pyramids && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "artifact-pyramids" agent skill from https://github.com/magnus919/agent-skills/tree/main/artifact-pyramids into .opencode/skills/artifact-pyramids/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "artifact-pyramids", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
artifact-pyramidsOrganize durable agent research outputs as summaries, analysis, and evidence dossiers.
Artifact Pyramids is an agent skill from magnus919/agent-skills. Organize durable agent research outputs as summaries, analysis, and evidence dossiers. Use when producing multi-layer research artifacts or coordinating research handoffs. Do not use this skill for unrelated requests; route to the nearest named specialist.
Its SKILL.md is about 2.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 25 other files, including scripts, reference files and assets (for example `README.md`, `assets/artifact-inventory.md` and `assets/pyramid-template.md`). Compatibility notes: Python 3.9+ and a POSIX shell are required only for the bundled scripts.
The repository describes itself as: Curated collection of AI agent skills for Hermes and other agent frameworks. The licence is MIT.
7 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 9cb2f8b. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Ships 1 file in scripts/, which the agent can run.
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Python 3.9+ and a POSIX shell are required only for the bundled scripts.
From compatibility in the SKILL.md frontmatter.
Artifact Pyramids loads about 2.7k tokens when it runs, and up to ~18k if it reads all its reference files. Until then it costs about 69 tokens; SKILL.md has 1,031 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
The full file from magnus919/agent-skills at commit 9cb2f8b, republished under its MIT licence (© magnus919). 1,031 words, ~2,667 tokens.
.claude/skills/artifact-pyramids/SKILL.md (or your agent's skills folder). This skill also uses 22 other files; get the full folder from GitHub.Progressive disclosure governs how we feed agents context: metadata at startup, instructions on activation, resources on demand. The Artifact Pyramid applies the same principle to what agents produce. Three layers of increasing depth, each independently consumable, each linking down to the next.
When producing an artifact pyramid, load these references as a required set (not piecemeal):
| Reference | File |
|---|---|
| Pipeline Stages — layer definitions, navigation format, production flow | references/pipeline-stages.md |
| Output Classification Framework — role-agnostic content contracts, 00-index/L1 boundary | references/output-classification-framework.md |
| Quality Gates — verification checklists per layer | references/quality-gates.md |
| Delegation Context Template — exact text for subagent output mandates | references/delegation-context-template.md |
These four define complementary aspects of the spec that the others assume. Loading only a subset risks violating content contracts (e.g., putting findings in 00-index) or skipping required navigation affordances. Load the full set before writing any pyramid files.
The reference table below describes when to load each file; the four above are always required for pyramid production. The remaining references (framework, worked example, canonical article, intellectual lineage, provenance, composite synthesis) are supplementary — load when the task calls for conceptual depth or a worked pattern.
┌──────────────┐
│ L1 SUMMARY │ One file: research question, key findings,
│ 🎯 │ most important implications. Links to L2 files.
└──────┬───────┘
┌──────┴───────┐
│ L2 ANALYSIS │ Per-dimension files: market, competitive,
│ COLLECTION │ technical feasibility, risk. Self-contained,
│ 🧩 │ each links to L3 dossiers.
└──────┬───────┘
┌──────┴───────┐
│ L3 DOSSIERS │ Source excerpts, raw data tables, interview
│ 📦 │ transcripts, methodology notes. Reference
└──────────────┘ library, pulled on demand.The pyramid is consumed top-down but produced via recursive gap analysis: start with the summary, embed links to analysis files, write analysis files that link to dossiers, and evaluate after each round whether gaps remain.
Layer numbering is top-down — L1 is the most distilled layer (the entry point), L3 is the most detailed (pulled on demand). This mirrors the Agent Skills input model: metadata (L1) → instructions (L2) → resources (L3).
Every file at every layer carries, at the bottom, an explicit SOURCES section with absolute path references and descriptions:
SOURCES (LAYER 2 NAVIGATION)
research/analysis/market-position.md
-> Competitor mapping and market share analysis supporting Section 2
research/analysis/technical-feasibility.md
-> Architecture evaluation supporting Section 3
research/dossiers/competitor-profiles.md
-> Raw competitor data dossiersThese aren't footnotes. They are navigation affordances for agent consumers. Each description answers the question the consuming agent asks before loading: what will I find if I go deeper?
| Reference | Load when | File |
|---|---|---|
| Framework & Symmetry | You need the full conceptual foundation — the asymmetry problem, multi-agent routing, DIKW relationship | references/artifact-pyramid-framework.md |
| Pipeline Stages | You're building or auditing a pyramid — detailed definitions per layer, navigation format, production flow | references/pipeline-stages.md |
| Quality Gates | You need to verify an artifact meets the standard for its layer | references/quality-gates.md |
| Worked Example | You want to see a complete synthetic walkthrough of all three layers | references/synthetic-example.md |
| Intellectual Lineage | How software architecture documentation (4+1 Views, C4, arc42, ADRs) independently discovered progressive disclosure under different names — and what the Artifact Pyramid generalizes beyond them | references/intellectual-lineage.md |
| Methodology-to-Pyramid Mapping | How specialist profiles map domain-specific methodologies into the universal pyramid structure, with dimension boundary rules | references/methodology-to-pyramid-mapping.md |
| Output Classification Framework | Role-agnostic — three questions any specialist can ask to map their outputs into the correct layer: who consumes it, how often, what question it answers. Includes per-layer content contracts to eliminate duplication between 00-index and L1 files. | references/output-classification-framework.md |
| Composite Pyramid Synthesis | How to merge multiple subagent pyramids into a root-level composite pyramid — orchestrator flow, SOURCES convention, worked example from jobs-finder pipeline | references/composite-pyramid-synthesis.md |
| Delegation Context Template | You're delegating research to subagents and need the exact text to include in context strings to ensure artifact-pyramid output | references/delegation-context-template.md |
| Flat-to-Pyramid Migration | You're converting existing flat JSON outputs to artifact-pyramid format — the pattern for L1/L2/L3 structure, 00-index rules, and downstream consumer fallback reads | references/flat-to-pyramid-migration.md |
| Nested Pyramid Pattern | You're designing a single system that produces multiple artifact streams over time (multi-phase, multi-epoch) — avoid scatter, nest epochs under a single root pyramid | references/nested-pyramid-pattern.md |
| Script | Load when | File |
|---|---|---|
| pyramid-status | You want to audit an existing research directory for structural coverage | scripts/pyramid-status.sh |
| extract-atoms | You have raw source text and need candidate atomic claims | scripts/extract-atoms.py |
| Template | Load when | File |
|---|---|---|
| Project Scaffold | You're starting a new research project and need the index skeleton | assets/pyramid-template.md |
| Artifact Inventory | You need to track what exists at each layer across a project | assets/artifact-inventory.md |
# Scaffold a new research project with all three layer directories
mkdir -p my-project/{01-summary,02-analysis,03-dossiers}
cp assets/pyramid-template.md ./my-project/00-index.md
# Check structural coverage of an existing project
scripts/pyramid-status.sh ./my-project
# Extract candidate atoms from source text
scripts/extract-atoms.py ./my-project/03-dossiers/source-1.txtmy-project/
├── 00-index.md # Project scaffold (from template)
├── 01-summary/ # L1: one file — key findings, implications, links to L2
├── 02-analysis/ # L2: per-dimension files (market, competitive, technical)
├── 03-dossiers/ # L3: source excerpts, transcripts, raw data, methodology
└── artifact-inventory.md # Cross-layer tracking (from template)The numbered prefixes mirror the pyramid's top-to-bottom orientation: 01 is most consumed, 03 is pulled on demand.
SOURCES section with absolute paths and descriptions — not footnotes, but agent navigation affordances answering what will I find if I go deeper?epoch-1-validation-edit-3.json), not nested directories. Subdirectories inside 03-dossiers/ violate the flat-file contract and break the SOURCES navigation path.00-index.md, 01-summary/findings.md, and 02-analysis/ trajectory files grow as new data arrives. They are rewritten to reflect the current state. Files in 03-dossiers/ and per-category analysis files below 02-analysis/ are created once and never modified — they represent a fixed point in time.scripts/pyramid-status.sh currently discovers layers by matching file names, not canonical directory names. A compliant tree such as 01-summary/findings.md, 02-analysis/topic.md, and 03-dossiers/source.md can therefore be falsely reported as missing L1/L2 when the nested file names do not themselves match the script's layer patterns. It also reports missing YAML frontmatter as a quality issue even though frontmatter is not required by the layer contracts above. Treat this script as a heuristic only; verify canonical directories, one L1 file, per-dimension L2 files, flat L3 files, final ## SOURCES sections, and link resolution independently.
This skill is intentionally host-neutral. Use your agent's normal mechanisms to load the references, templates, and scripts listed here. Do not assume a particular profile system, task orchestrator, memory service, or response-handoff format.
© magnus919, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 22 other files (scripts, references, assets) in artifact-pyramids of magnus919/agent-skills.
Open the folder on GitHubat commit 9cb2f8b
Artifact Pyramids next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Artifact Pyramids this skillmagnus919/agent-skills | 119 | — | ~2.7k | Automated safety check: Pass | MIT | |
| Artifacts Buildernexu-io/open-design | 100k | — | ~347 | Automated safety check: Pass | Apache-2.0 | |
| Web Artifacts Builderanthropics/skills | 180k | 40 repos | ~769 | Automated safety check: Pass | Apache-2.0 | |
| Organizationthedaviddias/Front-End-Checklist | 74k | — | ~609 | Automated safety check: Pass | MIT | |
| Web Artifacts Buildernexu-io/open-design | 100k | — | ~337 | Automated safety check: Pass | Apache-2.0 | |
| File Organizerdavila7/claude-code-templates | 33k | 7 repos | ~1.6k | Automated safety check: Pass | MIT |
nexu-io/open-design
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).
anthropics/skills
Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.
thedaviddias/Front-End-Checklist
A skill your agent uses when auditing structured data on a business or brand website homepage.
nexu-io/open-design
Build complex claude.ai HTML artifacts with React and Tailwind.
davila7/claude-code-templates
Intelligently organizes files and folders by understanding context, finding duplicates, and suggesting better organizational structures.
sickn33/agentic-awesome-skills
Capture and retrieve durable YYLO Ledger artifact Records with intentional profiles, payload modes, provenance, retention, and secret-safe immutable evidence.
magnus919/agent-skills
Build portable, first-person colored ASCII city engines and small GIS-derived city packs.
magnus919/agent-skills
Manage color workflows with ICC profiles, working spaces, gamut mapping, and color science.
magnus919/agent-skills
A skill your agent uses for PhD-level expertise in data science, statistics, and machine learning: rigorous statistical analysis, experimental design, causal inference, advanced modeling, research…
magnus919/agent-skills
Use Docker Compose to define, run, debug, and harden multi-container applications.
magnus919/agent-skills
Design, review, simulate, and verify FPGA logic using explicit RTL contracts, clock and reset models, CDC analysis, timing constraints, and reproducible implementation evidence.
magnus919/agent-skills
Build multi-agent AI systems with LangGraph — the low-level orchestration framework for stateful, graph-based agent workflows.
Organize durable agent research outputs as summaries, analysis, and evidence dossiers. Artifact Pyramids is an agent skill from magnus919/agent-skills. Organize durable agent research outputs as summaries, analysis, and evidence dossiers.
Artifact Pyramids fits situations like: producing multi-layer research artifacts; coordinating research handoffs; unrelated requests; route to the nearest named specialist.
Run `npx skills add magnus919/agent-skills --skill artifact-pyramids -a claude-code`. Or copy the skill folder (artifact-pyramids in magnus919/agent-skills) into .claude/skills/artifact-pyramids in your project. Claude Code loads it when a task matches its description.
Run `npx skills add magnus919/agent-skills --skill artifact-pyramids -a codex`. Or copy the skill folder (artifact-pyramids in magnus919/agent-skills) into .agents/skills/artifact-pyramids in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add magnus919/agent-skills --skill artifact-pyramids -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/artifact-pyramids, .gemini/skills/artifact-pyramids, .github/skills/artifact-pyramids and .opencode/skills/artifact-pyramids in your project.
SKILL.md names no scripts, command-line tools or credentials: Artifact Pyramids is instructions for the agent only. Our summary lists: Python 3. Compatibility (from SKILL.md): Python 3.9+ and a POSIX shell are required only for the bundled scripts..
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
Artifact Pyramids is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.7k tokens (SKILL.md is roughly 11k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 15k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Artifact Pyramids: Artifacts Builder (nexu-io/open-design, 100k stars), Web Artifacts Builder (anthropics/skills, 180k stars), Organization (thedaviddias/Front-End-Checklist, 74k stars) and Web Artifacts Builder (nexu-io/open-design, 100k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
magnus919 (a GitHub user) maintains it in magnus919/agent-skills, which has 119 GitHub stars. The repository holds 131 skills in this directory. The repository was last updated on October 11, 2026.
Source: magnus919/agent-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.