Web Artifacts Builder
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). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
What it reads from your Company Brain
ORG_NAME Use this skill
Run it through your OS, or copy / download the .md to customize for your team.
skill_web_artifacts_builder Sign in or open from your Agentic Society member link to view, copy, and download it.
Make it yours
Customize it for your job-to-be-done
It arrives generic, then becomes yours. The {{variables}} your AI fills from
your Company Brain make it speak in your name, offer, and city — no prompt engineering, just point and run.
- Fill the variables from your brain. Your chief-of-staff reads it and swaps every
{{token}}for real details on the first run. Here, that's{{ORG_NAME}}(your company name). - Tweak the steps to fit how you work. Download the
.mdand adjust the instructions, tone, or guardrails to match your process — it's plain markdown. - Re-run it. Drop your edited copy into
~/.claude/skills/(or rerun through the OS). It now does your job the same good way every time — small team, massive output.
Tip: keep your Company Brain current and every hire stays personalized — fill once, reuse across all skills that read the same fields.