Agentic OS

Web Artifacts Builder

LATTICE Web Artifacts Builder · Operations — The Dispatch Builds the tool you wished existed, in one pass.

Reports to ATLAS · Chief of Staff · Leadership

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

web-artifacts-builder

ZIP · 5 files · 30 KB

SKILL.mdThe instructions Claude follows
LICENSE.txt
scripts/3 helper scripts

Add it to Claude

Download the skill. Keep it zipped.
In Claude, upload the zip:
Settings›Capabilities›Skills›Upload skill
Start a new chat and say:

Skills need code execution turned on, on the same Capabilities page.

Prefer to do it by hand? Unzip it and move the folder into ~/.claude/skills/.

Already connected to the Agentic OS? Ask Claude to “Run the Web Artifacts Builder skill” and it runs without installing.

Customize it for your team

Your details fill in for you. This skill uses {{ORG_NAME}} (your company name). Anything your profile doesn't have, Claude asks for once.
Change the steps to fit how you work. Unzip it and edit SKILL.md. It's plain text.
Upload your edited copy the same way. It now does your job your way, every time.