---
title: "exploded"
description: "Claude Code skill plus runtime that takes a live UI component apart into paint layers, states and tokens, measured from the real DOM rather than redrawn."
canonical: "https://vibing.inc/library/exploded-vg-2483"
category: "AI Skills, Agents & MCP"
subcategory: "Design skills"
license: "MIT"
author: "@diip3sh"
source: "https://github.com/diip3sh/exploded"
---

# exploded
Claude Code skill plus runtime that takes a live UI component apart into paint layers, states and tokens, measured from the real DOM rather than redrawn.
## Facts
- Source: https://github.com/diip3sh/exploded
- Category: AI Skills, Agents & MCP / Design skills
- Author: @diip3sh
- Licence: MIT
- Tags: claude-code, skill, components, design-tokens, teardown
## Why it's a gem
Exploded-view teardown of any component, with no hand-typed numbers or guessed values.
---
Listed in The Vibeary: https://vibing.inc/library/exploded-vg-2483 · JSON: https://vibing.inc/api/public/library/gems/exploded-vg-2483