Artifacts — Development skill for Claude Code
Artifact Generation & Code Transformation.
How to install Artifacts
Installs to ~/.claude/skills/asklokesh-loki-mode-artifacts/SKILL.md
mkdir -p ~/.claude/skills/asklokesh-loki-mode-artifacts && curl -fsSL https://raw.githubusercontent.com/asklokesh/loki-mode/HEAD/skills/artifacts.md -o ~/.claude/skills/asklokesh-loki-mode-artifacts/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Artifacts does
Artifact Generation & Code Transformation.
Alternatives in Development
- Web Artifacts Builder — Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui 94.1k ★
- Llamacoder — Open source Claude Artifacts – built with Llama 3.1 405B 7.1k ★
- Kaisa Transformation — Kai'Sa (LoL) Transformation Series — Original Prompts 376 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Make
Use this prompt to systematically transform any input (text, requirements, ideas, existing artifacts) into a d
Artifact Lifecycle
Unified lifecycle management for all framework artifacts (skills, agents, hooks, workflows, templates, schemas
Build Artifact Index
Summarize key SDLC artifacts and produce short digests for agent context
Claude Artifact Viewer Template
A modern web application for viewing and interacting with Claude-generated artifacts
Rogue Theme Factory Skill
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing page
Gemini Kofi Store Artifacts
MASTER PROMPT: Ko-fi Store Artifacts Generation
Related Agents
Artifact Critic
Checks strategy artifacts (TL;DR cards, output documents) for structural conformance, voice conformance, and r
Hatch3r Creator
Authors user-tier custom artifacts (agents, skills, rules, commands, hooks) under .hatch3r/overrides/. Validat
Artifact Writer
Persists code-gauntlet artifacts (findings JSON, report markdown, checkpoint JSON) to the output directory. Me
